:root{--background:#ffffff;--foreground:#171717}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}@tailwind base;@tailwind components;@tailwind utilities;body,html{margin:0;padding:0;font-family:Rajdhani,Noto Sans SC,Noto Sans JP,Noto Sans KR,sans-serif;background:#1e2a35;width:100vw!important}.container,body,html{overflow:hidden;height:100vh!important;position:relative;box-sizing:border-box}.container{width:100vw}:root{--nav-height:80px}.modern-nav-menu{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:var(--nav-height);background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:9999!important;font-family:var(--font-secondary);box-sizing:border-box}.modern-nav-menu .nav-left{flex:0 0 auto;display:flex;align-items:center}.modern-nav-menu .nav-top{position:absolute;top:0;left:0;width:100vw}.modern-nav-menu .logo-container,.modern-nav-menu .nav-center{display:flex;align-items:center}.modern-nav-menu .nav-center{flex:1 1;justify-content:center;gap:1.5rem}.nav-center-icons{display:flex;gap:.5rem}.nav-icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-icon:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:white;transform:scale(1.05)}.character-selection-nav{display:flex;gap:8px;padding:0 1rem}.character-nav-btn{position:relative;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;padding:0}.character-nav-btn:hover{transform:scale(1.1);border-color:rgba(255,255,255,.3)}.character-nav-btn.selected{border-color:var(--accent-color,#9c88ff);box-shadow:0 0 15px var(--accent-color,#9c88ff);background:rgba(255,255,255,.15)}.character-nav-icon{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.nav-selection-ring{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid var(--accent-color,#9c88ff);animation:nav-pulse 2s infinite;pointer-events:none}@keyframes nav-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.modern-nav-menu .nav-right{flex:0 0 auto;display:flex;align-items:center}.nav-right-content{display:flex;align-items:center;gap:1rem}.account-btn{width:45px;height:45px;padding:0;background:rgba(26,26,46,.9);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:rgba(255,255,255,.9);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.account-btn:hover{background:rgba(26,26,46,.95);border-color:rgba(255,255,255,.3);transform:translateY(-1px);color:white}.button-group-container{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:1201;display:flex;align-items:center;gap:0;background:linear-gradient(135deg,#ffd700,#ffa500 30%,#ff6b6b 70%,#c44bc4);border-radius:30px;box-shadow:0 4px 15px rgba(255,107,107,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;overflow:hidden}.button-group-container .start-conversation-btn{border-radius:30px 0 0 30px!important;margin:0;padding:0 50px;height:60px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important;color:white;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;position:relative}.button-group-container:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4);background:linear-gradient(135deg,#ffe55c,#ffb347 30%,#ff8a80 70%,#da70d6)}.button-group-container:active{transform:translateX(-50%) translateY(0);box-shadow:0 2px 10px rgba(255,107,107,.3)}.prompting-bubble-container{position:relative;z-index:1201}.button-group-separator{width:1px;height:40px;background:linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1));margin:0 2px;border-radius:.5px;flex-shrink:0;z-index:1204;position:relative;box-shadow:0 0 1px rgba(255,255,255,.2),inset 0 0 1px rgba(0,0,0,.1)}.prompting-bubble{position:relative;width:60px;height:60px;background:transparent!important;border:none;border-radius:0 30px 30px 0;box-shadow:none!important;z-index:1203;pointer-events:auto;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:white;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.prompting-bubble,.prompting-content{display:flex;align-items:center;justify-content:center}.prompting-content{font-size:14px;font-weight:500;font-family:Noto Sans SC,sans-serif}.prompting-text{white-space:nowrap;text-shadow:0 3px 6px rgba(255,107,107,.8),0 2px 4px rgba(255,107,107,.6)}.prompting-icon{flex-shrink:0;filter:drop-shadow(0 3px 6px rgba(255,107,107,.8)) drop-shadow(0 2px 4px rgba(255,107,107,.6));width:28px;height:28px}.prompting-bubble:hover:not(.active){transform:scale(1.05);background:transparent!important;box-shadow:none!important}.prompting-bubble:active{transform:scale(.98)}.prompting-bubble.active,.prompting-bubble:active{background:transparent!important;box-shadow:none!important}.prompting-bubble.mobile-disabled{opacity:.8;cursor:pointer}.mobile-notice-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.mobile-notice-panel{background:linear-gradient(135deg,rgba(40,40,56,.95),rgba(26,26,46,.95));border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px 24px;text-align:center;max-width:320px;width:90%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}.mobile-notice-title{color:white;font-size:20px;font-weight:600;margin:0 0 16px;font-family:Orbitron,sans-serif;letter-spacing:.1em}.mobile-notice-message{color:rgba(255,255,255,.8);font-size:14px;line-height:1.6;margin:0 0 24px}.mobile-notice-close-btn,.mobile-notice-message{font-family:Orbitron,sans-serif;letter-spacing:.05em}.mobile-notice-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.mobile-notice-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.prompting-bubble.active:after{display:block}.prompting-icon{transition:transform .3s ease}.prompting-bubble:hover:not(.active) .prompting-icon{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}.model-upload-header,.prompting-settings-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.panel-title{margin:0 0 8px;color:white;font-size:1.2rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:.1em;text-align:center;white-space:nowrap}.panel-subtitle{display:flex;align-items:center;gap:2px;font-size:1.1rem;text-align:center;line-height:1.3;margin-top:.1em}.panel-subtitle,.subtitle-highlight,.subtitle-normal{font-weight:400;font-family:Rajdhani,Noto Sans SC,Noto Sans JP,Noto Sans KR,sans-serif;letter-spacing:.08em;text-shadow:0 0 8px #00d4ff22;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6c5ce7,#00cec9,#ff6b6b);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:rainbow-move 3s linear infinite}@keyframes rainbow-move{0%{background-position:0 50%}to{background-position:200% 50%}}.model-upload-content{flex:1 1;padding:8px 4px 100px;overflow:hidden;max-height:calc(70vh - 80px);background:rgba(26,26,46,.95);border-radius:12px;margin:8px 12px 12px;border:1px solid rgba(255,255,255,.1);position:relative}.character-library{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:8px;transition:all .3s ease;max-height:calc(70vh - 303px);overflow-y:auto;padding-right:4px}.character-library.drag-over{background:rgba(102,126,234,.1);border:2px dashed rgba(102,126,234,.5);border-radius:12px;padding:8px}.character-library::-webkit-scrollbar{width:6px}.character-library::-webkit-scrollbar-track{background:rgba(40,40,56,.3);border-radius:3px}.character-library::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#282838,#1a1a2e);border-radius:3px;border:1px solid rgba(255,255,255,.1)}.character-library::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1a1a2e,#282838);border-color:rgba(255,255,255,.2)}.character-library::-webkit-scrollbar-button{display:none}.character-library{scrollbar-width:thin;scrollbar-color:#282838 rgba(40,40,56,.3)}.character-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;overflow:hidden;aspect-ratio:1;width:100%}.character-item:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.character-item.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.3);transform:translateY(-2px);position:relative}.character-item.selected:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:80%;height:3px;background:linear-gradient(90deg,#ff6b35,#667eea);border-radius:2px}.upload-item{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3)}.upload-item:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5)}.upload-square{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.8);transition:all .2s ease;z-index:2;position:relative}.upload-square:hover{color:white}.upload-label{font-size:.7rem;font-weight:500;margin-top:4px;font-family:Noto Sans SC,sans-serif}.character-preview{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;z-index:1}.character-preview img{width:100%;height:100%;object-fit:cover}.character-name{font-size:.8rem;font-weight:600;color:white;font-family:Noto Sans SC,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8);background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;z-index:2;position:relative}.uploaded-item{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3)}.uploaded-item:hover{background:rgba(102,126,234,.2);border-color:rgba(102,126,234,.5)}.remove-character-btn{position:absolute;top:4px;right:4px;background:rgba(255,0,0,.8);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:10px;transition:all .2s ease;z-index:3}.remove-character-btn:hover{background:rgba(255,0,0,1);transform:scale(1.1)}.preview-action-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(102,126,234,.8);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:14px;transition:all .2s ease;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-action-btn:hover{background:rgba(102,126,234,1);transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 12px rgba(102,126,234,.6)}.model-type-scroll-container{position:relative;display:flex;align-items:center;margin-bottom:16px;gap:4px}.model-type-scroll-container:after,.model-type-scroll-container:before{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.model-type-scroll-container:before{left:0;background:linear-gradient(90deg,rgba(26,26,46,.95) 0,transparent)}.model-type-scroll-container:after{right:0;background:linear-gradient(270deg,rgba(26,26,46,.95) 0,transparent)}.model-type-buttons{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;flex:1 1;position:relative;z-index:2}.model-type-buttons::-webkit-scrollbar{display:none}.model-type-btn{padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:white;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:Noto Sans SC,sans-serif;font-weight:500;white-space:nowrap;flex-shrink:0}.model-type-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.25)}.model-type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.3)}.scroll-arrow{width:24px;height:24px;background:transparent;border:none;color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;z-index:3;padding:0}.scroll-arrow:hover{color:white;transform:scale(1.2)}.scroll-arrow svg{transition:all .2s ease;width:20px;height:20px}.scroll-arrow:hover svg{transform:scale(1.1)}.prompting-settings-header h3{margin:0;color:white;font-size:1.2rem;font-weight:600;font-family:Noto Sans SC,sans-serif}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.close-btn:hover{background:rgba(255,255,255,.1);color:white}.prompting-settings-content{flex:1 1;padding:8px 16px 16px;overflow-y:auto;max-height:calc(70vh - 80px);background:rgba(26,26,46,.95);border-radius:12px;margin:8px 12px 12px;border:1px solid rgba(255,255,255,.1)}.prompting-settings-content::-webkit-scrollbar{width:8px}.prompting-settings-content::-webkit-scrollbar-track{background:rgba(40,40,56,.3);border-radius:4px}.prompting-settings-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#282838,#1a1a2e);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.prompting-settings-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1a1a2e,#282838);border-color:rgba(255,255,255,.2)}.prompting-settings-content::-webkit-scrollbar-button{display:none}.prompting-settings-content{scrollbar-width:thin;scrollbar-color:#282838 rgba(40,40,56,.3)}.setting-section{margin-bottom:16px}.setting-label{display:block;font-weight:500;margin-bottom:6px}.setting-label,.setting-textarea{color:white;font-size:.9rem;font-family:Noto Sans SC,sans-serif}.setting-textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.1);border:none;border-radius:12px;resize:vertical;transition:all .2s ease;box-sizing:border-box;min-height:260px}.setting-textarea:focus{outline:none;border-color:#667eea;background:rgba(255,255,255,.15);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.setting-textarea::placeholder{color:rgba(255,255,255,.5)}.model-upload-area{width:100%;min-height:16px;border:1px dashed rgba(255,255,255,.3);border-radius:4px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;transition:all .3s ease;cursor:pointer;position:relative;box-sizing:border-box}.model-upload-area .file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.model-upload-area:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}.model-upload-area.drag-over{border-color:#667eea;background:rgba(102,126,234,.1);transform:scale(1.02)}.model-upload-area.has-file{border-color:#667eea;background:rgba(102,126,234,.05)}.model-upload-area svg{color:rgba(255,255,255,.7);margin-bottom:1px}.upload-text{color:white;font-size:.55rem;font-weight:500;margin:0}.upload-hint,.upload-text{text-align:center;font-family:Noto Sans SC,sans-serif}.upload-hint{color:rgba(255,255,255,.5);font-size:.45rem;margin:0 0 1px}.file-input,.upload-btn{display:none}.uploaded-file{display:flex;align-items:center;gap:1px;padding:1px 2px;background:rgba(102,126,234,.1);border-radius:2px;border:1px solid rgba(102,126,234,.3);width:100%;box-sizing:border-box}.uploaded-file svg{color:#667eea;margin:0;flex-shrink:0}.file-name{color:white;font-size:.9rem;font-weight:500;flex:1 1;font-family:Noto Sans SC,sans-serif;word-break:break-all}.remove-file-btn{background:none;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-file-btn:hover,.setting-select{background:rgba(255,255,255,.1);color:white}.setting-select{width:100%;border:none;border-radius:12px;font-size:.9rem;font-family:Noto Sans SC,sans-serif;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:12px 40px 12px 16px}.setting-select:focus{outline:none;border-color:#282838;background-color:rgba(40,40,56,.3);box-shadow:0 0 0 3px rgba(40,40,56,.2)}.setting-select option{background:#282838;color:white}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.personality-tag{padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:white;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:Noto Sans SC,sans-serif}.personality-tag:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.personality-tag.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.3)}.advanced-settings{display:flex;flex-direction:column;gap:12px}.setting-row{display:flex;align-items:flex-start;gap:16px}.setting-column{flex:1 1}.setting-checkbox-label{display:flex;align-items:center;gap:12px;color:white;font-size:.9rem;cursor:pointer;font-family:Noto Sans SC,sans-serif;transition:all .2s ease}.setting-checkbox-label:hover{color:rgba(255,255,255,.9)}.setting-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.prompting-settings-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.footer-actions-right{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Noto Sans SC,sans-serif;min-width:80px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.btn-secondary{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.prompting-settings-float-panel{right:50px!important;animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}.model-upload-float-panel,.prompting-settings-float-panel{position:fixed!important;top:50%!important;transform:translateY(-50%)!important;width:380px;min-width:320px;max-width:420px;height:70vh;max-height:600px;background:linear-gradient(135deg,rgba(40,40,56,.7),rgba(26,26,46,.7));border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 40px rgba(40,40,56,.4),0 4px 16px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden;display:flex;flex-direction:column;z-index:1202}.model-upload-float-panel{left:50px!important;animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.button-group-container{bottom:90px;left:50%;transform:translateX(-50%);border-radius:25px}.button-group-container .start-conversation-btn{border-radius:25px 0 0 25px!important;padding:0 40px;height:50px;display:flex;align-items:center;justify-content:center;left:0}.prompting-bubble{width:50px;height:50px;border-radius:0 25px 25px 0}.button-group-separator{height:35px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1))}.prompting-content{font-size:12px;gap:4px}.model-upload-float-panel,.prompting-settings-float-panel{position:fixed!important;right:10px!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;min-width:0!important;max-width:none!important;height:80vh!important;max-height:500px!important;border-radius:12px}.character-library{grid-template-columns:repeat(2,1fr);gap:8px}.character-item{padding:8px}.upload-square{width:50px;height:50px}.character-name{font-size:.7rem;padding:3px 6px}}@media (max-width:480px){.button-group-container{bottom:90px;left:50%;transform:translateX(-50%);border-radius:20px}.button-group-container .start-conversation-btn{border-radius:20px 0 0 20px!important;padding:0 35px;height:45px;display:flex;align-items:center;justify-content:center;left:6px}.prompting-bubble{width:45px;height:45px;border-radius:0 22.5px 22.5px 0}.button-group-separator{height:30px;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1))}.prompting-content{font-size:11px;gap:3px}.model-upload-float-panel,.prompting-settings-float-panel{position:fixed!important;right:5px!important;left:5px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;min-width:0!important;max-width:none!important;height:85vh!important;max-height:450px!important;border-radius:10px}.character-library{grid-template-columns:repeat(2,1fr);gap:6px}.character-item{padding:6px}.upload-square{width:45px;height:45px}.character-name{font-size:.65rem;padding:2px 4px}}.navigation-image-container{position:absolute;bottom:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,rgba(26,26,46,.9) 0,transparent);border-top:1px solid rgba(255,255,255,.1)}.navigation-overlay{position:relative;width:100%;height:100%;cursor:pointer;transition:all .2s ease;border-radius:0;overflow:hidden}.navigation-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.navigation-text-overlay span{color:white;font-size:1.1rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.8),0 1px 4px rgba(0,0,0,.6);white-space:nowrap}.navigation-image{width:100%;height:100%;cursor:pointer;transition:all .2s ease;border-radius:0;opacity:.8;object-fit:cover}.navigation-overlay:hover{transform:scale(1.02)}.navigation-overlay:hover .navigation-text-overlay span{text-shadow:0 0 8px #00d4ff22;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6c5ce7,#00cec9,#ff6b6b);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:rainbow-move 3s linear infinite}.navigation-image:hover{opacity:1;transform:scale(1.02)}.navigation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navigation-modal{background:linear-gradient(135deg,rgba(40,40,56,.7),rgba(26,26,46,.7));border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 40px rgba(40,40,56,.4),0 4px 16px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-width:1200px;width:90%;max-height:85vh;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.navigation-modal-header{display:flex;align-items:center;justify-content:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.navigation-modal-title-section{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.navigation-modal-subtitle{display:flex;align-items:center;gap:2px;font-size:1rem;font-weight:400;font-family:Rajdhani,Noto Sans SC,Noto Sans JP,Noto Sans KR,sans-serif;letter-spacing:.08em;text-align:center;line-height:1.3;margin-top:.1em;text-shadow:0 0 8px #00d4ff22}.navigation-modal-header h3{margin:0;color:white;font-size:1.3rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:.1em;text-align:center;white-space:nowrap}.navigation-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.navigation-modal-close:hover{background:rgba(255,255,255,.1);color:white}.navigation-modal-content{padding:0;color:white;font-family:Noto Sans SC,sans-serif}.navigation-modal-content p{margin:0 0 12px;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.9)}.navigation-modal-content p:last-child{margin-bottom:0}.navigation-links-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(4,1fr);grid-gap:0;gap:0;padding:0;height:520px}.navigation-link-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:0;background:transparent;border:none;border-radius:0;color:white;text-decoration:none;transition:all .3s ease;font-family:Noto Sans SC,sans-serif;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;overflow:hidden}.navigation-link-item:hover{transform:scale(1.02);color:white;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.navigation-link-image{width:100%;height:100%;border-radius:0;overflow:hidden;position:absolute;top:0;left:0;z-index:1}.main-link{grid-row:1/5;grid-column:1;margin:0}.main-link .navigation-link-image{height:100%;margin:0}.main-link .navigation-link-text{font-size:1rem;font-weight:700;padding:12px 8px}.navigation-link-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease;margin:0;padding:0;display:block}.navigation-link-item:hover .navigation-link-image img{transform:scale(1.05)}.navigation-link-text{font-size:.8rem;font-weight:600;text-align:center;color:white;transition:all .3s ease;font-family:Noto Sans SC,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.8),0 1px 4px rgba(0,0,0,.6);margin:0;padding:8px 4px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 50%,transparent);width:100%;position:relative;z-index:2}.navigation-link-item:hover .navigation-link-text{color:white;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,transparent)}@media (max-width:768px){.navigation-modal{width:95%;max-height:80vh}.navigation-modal-header{padding:14px 18px}.navigation-modal-content{padding:0}.navigation-image{width:40px;height:40px}.navigation-links-grid{grid-template-columns:2fr 1fr;grid-template-rows:repeat(4,1fr);gap:0;height:420px}.navigation-link-item{padding:0}.navigation-link-image{height:100%;border-radius:0}.navigation-link-text{font-size:.7rem;margin:0;padding:6px 3px}}@media (max-width:480px){.navigation-modal{width:98%;max-height:85vh}.navigation-modal-header{padding:12px 16px}.navigation-modal-content{padding:0}.navigation-image{width:36px;height:36px}}.footer-social{position:fixed!important;bottom:0!important;left:0;right:0;padding:.75rem 1rem;background:transparent!important;z-index:1000!important;height:60px!important;box-sizing:border-box;display:flex!important;justify-content:center;align-items:center}.start-experience-btn{position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#6c5ce7,#00cec9);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem}.start-experience-btn:hover{transform:translateX(-50%) scale(1.05);box-shadow:0 8px 32px rgba(108,92,231,.4)}.input-group{justify-content:center;margin-bottom:1rem}.input-btn-row,.input-group{display:flex;align-items:center;gap:1rem}.record-btn{width:50px;height:50px;border-radius:50%;background:#ff4757;border:none;cursor:pointer;transition:all .3s;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none}.record-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border-radius:50%}.record-btn:hover{transform:scale(1.1);box-shadow:0 0 20px rgba(255,71,87,.5)}.bubble-toggle-group{position:relative;display:flex;gap:1rem}.toggle-character-bubble-btn,.toggle-user-bubble-btn{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s}.toggle-character-bubble-btn:hover,.toggle-user-bubble-btn:hover{background:rgba(108,92,231,.3);border-color:#6c5ce7}.input-group input{flex:1 1;max-width:400px;padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:25px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;outline:none;transition:all .3s}.input-group input:focus{border-color:#6c5ce7;box-shadow:0 0 20px rgba(108,92,231,.3)}.input-group input::placeholder{color:rgba(255,255,255,.6)}.start-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#00cec9);border:none;cursor:pointer;transition:all .3s;position:relative}.start-btn:before{content:"▶";color:#fff;font-size:1.2rem;position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.start-btn:hover{transform:scale(1.1);box-shadow:0 0 20px rgba(108,92,231,.5)}.footer-social-links{display:flex;justify-content:center;gap:2rem}.social-btn{color:#fff;text-decoration:none;font-weight:500;transition:all .3s;padding:8px 16px;border-radius:20px;background:rgba(255,255,255,.1)}.social-btn:hover{background:rgba(108,92,231,.3);transform:translateY(-2px)}.loading-screen{position:fixed;background:#1e2a35;display:flex;align-items:center;justify-content:center;z-index:10000}#loading-video,.loading-screen{top:0;left:0;width:100%;height:100%}#loading-video{position:absolute;object-fit:cover;z-index:-1}.loading-content{text-align:center;z-index:1}.loading-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:.2em;text-shadow:0 0 20px rgba(255,255,255,.5);white-space:nowrap}.title-main{display:inline;white-space:nowrap}.loading-ribbon{width:300px;height:4px;background:linear-gradient(90deg,#6c5ce7,#00cec9,#6c5ce7);margin:0 auto 1rem;border-radius:2px;animation:loading-flow 2s ease-in-out infinite}@keyframes loading-flow{0%,to{opacity:.5}50%{opacity:1}}.loading-percentage{margin:2rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.loading-progress-bar{width:300px;height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden;position:relative}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#00cec9);border-radius:3px;transition:width .3s ease;position:relative}.loading-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-text{font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.loading-status{font-size:1rem;margin-top:.5rem}.loading-status,.loading-subtitle{color:rgba(255,255,255,.8);font-weight:300}.loading-subtitle{font-size:1.2rem}@media (max-width:1200px){.character-selection-nav{gap:6px}.character-nav-btn{width:45px;height:45px}.main-content-container{height:100dvh;overflow:hidden}}@media (max-width:768px){.modern-nav-menu{padding:0 1rem;height:60px}.main-content-container{padding-top:60px;padding-bottom:60px;height:100dvh;overflow:hidden}.nav-center-icons{gap:.25rem}.nav-icon{width:40px;height:40px}.character-selection-nav{gap:4px;padding:0 .5rem}.character-nav-btn{width:40px;height:40px}.nav-right-content{gap:.5rem}.hero-main-layout{padding:0 1rem;flex-direction:column}.hero-section{padding:.5rem 0}.hero-character-cards{position:relative;left:auto;bottom:auto;justify-content:center;margin-top:1rem}.character-section{padding:.5rem;max-height:25vh}.input-group{flex-direction:column;gap:.5rem}.input-group input{max-width:none;width:100%}.footer-social-links{flex-wrap:wrap;gap:.5rem}.loading-title{font-size:2rem}.character-preview-container{padding:5px}.selection-container{flex-direction:column;padding:10px;gap:10px;border-radius:25px}.character-selection{border-right:none;border-bottom:4px solid rgba(255,255,255,.2);padding-right:0;padding-bottom:10px}.scene-selection{padding-left:0}.character-select-btn{width:50px;height:50px}.character-stage{width:300px;height:300px}.title-text{font-size:1.5rem}.progress-bar{width:250px}}@media (max-width:480px){.modern-nav-menu{padding:0 .5rem;height:50px}.main-content-container{padding-top:50px;padding-bottom:50px;height:100dvh;overflow:hidden}.nav-center{gap:1rem}.character-selection-nav{display:none}.character-section{padding:.25rem;max-height:20vh}.character-stage{width:250px;height:250px}.footer-social{padding:.5rem}.loading-title{font-size:1.2rem}}.auth-loading-screen,.auth-required-screen{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);background:linear-gradient(135deg,rgba(15,15,20,1),rgba(25,25,35,1) 50%,rgba(15,15,20,1))}.auth-content,.loading-content{text-align:center;color:white;padding:2rem;max-width:500px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left-color:#6c5ce7;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-features{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.feature-icon{font-size:1.5rem}body{-webkit-user-select:none;-moz-user-select:none;user-select:none}[contenteditable=true],input,select,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.user-menu{background:rgba(26,26,46,.98)!important;color:#888ea8!important;border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 0 1.5px rgba(0,212,255,.08);padding:.5rem 0!important;min-width:220px!important;border:1px solid rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.user-menu,.user-menu *{font-size:1rem!important}.user-menu,.user-menu *,.user-menu-item strong{font-family:Orbitron,Arial,sans-serif!important;letter-spacing:.04em!important}.user-menu-item strong{color:#fff!important;font-weight:700!important;margin-top:.25rem;display:block}.user-menu-item{color:#888ea8!important;background:none!important;border:none!important;font-size:1rem!important;padding:.75rem 1.2rem!important;font-family:Orbitron,Arial,sans-serif}.user-menu-action{border-top:1px solid rgba(255,255,255,.08)!important;cursor:pointer!important;transition:background .2s,color .2s}.user-menu-action-error{color:#ff6b6b!important}.error-toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:999999999!important;pointer-events:auto;max-width:600px;min-width:320px;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideDown .25s ease-out}.error-toast-error{background:rgba(255,107,107,.95);border:1px solid rgba(255,107,107,.3);color:#fff}.error-toast-warning{background:rgba(255,217,61,.95);border:1px solid rgba(255,217,61,.3);color:#333}.error-toast-info{background:rgba(0,206,201,.95);border:1px solid rgba(0,206,201,.3);color:#fff}.error-toast-neutral{background:rgba(60,60,70,.95);border:1px solid rgba(120,120,130,.5);color:#fff}.error-toast-content{display:flex;align-items:center;padding:12px 16px;gap:12px}.error-toast-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.error-toast-action{background:rgba(255,255,255,.2);border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.error-toast-action:hover{background:rgba(255,255,255,.3)}.error-toast-close{background:none;border:none;color:inherit;font-size:16px;font-weight:700;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s;opacity:.7}.error-toast-close:hover{background:rgba(255,255,255,.2);opacity:1}.side-messages-container{position:fixed;left:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column-reverse;gap:8px;z-index:2147483647;pointer-events:none}.side-message-item{background:transparent;color:#fff;border:none;border-radius:0;padding:0;font-size:28px;font-weight:700;font-family:Rajdhani,Noto Sans SC,Noto Sans JP,Noto Sans KR,sans-serif;line-height:1.4;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:blmsg-fade-in .15s ease-out;transition:opacity .2s ease,transform .2s ease;pointer-events:auto}.side-message-text{white-space:pre-wrap;font-size:18px;font-weight:600}.side-message-title{white-space:pre-wrap;font-size:28px;font-weight:800;margin-bottom:2px}.side-message-lines{display:flex;flex-direction:column}.side-message-item.exiting{opacity:0;transform:translateY(6px)}.side-message-item.bump{transform:translateY(-4px)}@keyframes blmsg-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px;border-radius:3px}::-webkit-scrollbar-track{background-color:#222439;border-radius:3px}::-webkit-scrollbar-thumb{background-color:#333652;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#44476a;border-radius:3px}img{-webkit-touch-action:none;-moz-touch-action:none;-o-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none}