:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-loading{background:#0a0a0a;gap:16px}.app-loading p{color:#666}.loading-spinner-large{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-top-color:#00d4aa;height:40px;width:40px}.auth-container{background:linear-gradient(135deg,#0a0a0a,#151515);padding:20px}.auth-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:24px;max-width:480px;padding:48px 40px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:40px}.back-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#aaa;gap:6px;padding:8px 12px;transition:all .3s ease}.back-btn:hover{background:#ffffff1a;color:#fff;transform:translateX(-3px)}.logo-container{gap:16px;margin-bottom:24px}.logo-icon{border-radius:16px;height:64px;padding:16px;width:64px}.auth-header h1,.logo-icon{background:linear-gradient(135deg,#00d4aa,#09f)}.auth-header h1{font-weight:800;margin-bottom:8px}.auth-header p{color:#888}.auth-form{gap:20px;margin-bottom:30px}.input-group label{color:#ccc;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.auth-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;padding:12px 16px;transition:all .3s ease}.auth-input:focus{border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.auth-input::placeholder{color:#666}.auth-error{color:#ff6b6b;font-size:11px;margin-top:5px}.btn{border-radius:10px;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#00d4aa,#09f);color:#fff}.btn-primary:hover{box-shadow:0 8px 24px #00d4aa4d}.btn-secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.btn-secondary:hover{background:#ffffff1f;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #00d4aa;color:#00d4aa}.btn-outline:hover{background:#00d4aa1a;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.btn-success{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff}.btn-sm{gap:6px;padding:6px 12px}.btn:disabled{opacity:.6}.options-container{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.option-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px 16px;transition:all .3s ease}.option-card:hover{background:#ffffff14;border-color:#00d4aa;transform:translateY(-5px)}.option-icon{background:#00d4aa1a;border-radius:12px;color:#00d4aa;height:48px;padding:12px;width:48px}.option-card h3{font-size:18px;margin-bottom:8px}.option-card p{color:#888;line-height:1.4}.option-features{color:#666;padding:0 8px}.option-features span{gap:6px}.option-features span:before{color:#00d4aa}.features-list{border-top:1px solid #ffffff1a;gap:8px;padding-top:24px}.feature-item{background:#ffffff08;border-radius:8px;gap:12px;padding:8px 12px}.feature-item span{color:#ccc;font-size:12px}.user-info-bar{background:#ffffff0d;border-radius:12px;gap:12px;margin-top:16px;padding:10px 16px}.user-name{color:#00d4aa;font-size:12px;font-weight:600}.user-email{color:#888;font-size:10px}.auth-buttons{gap:12px;margin-top:24px}.divider{color:#888;margin:16px 0}.app-header,.divider:after,.divider:before{border-bottom:1px solid #ffffff1a}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;gap:16px;padding:8px 20px}.header-left{align-items:center;display:flex;flex-shrink:0;gap:10px}.logo-icon-sm{color:#00d4aa;height:28px;width:28px}.app-header h1{background:linear-gradient(135deg,#00d4aa,#09f);font-size:16px;font-weight:700}.header-center{flex-wrap:wrap;gap:12px;padding:4px 0}.room-info{color:#ccc;gap:10px}.header-right{gap:10px}.online-users-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px}.online-users-toggle:hover{background:#ffffff1f;border-color:#00d4aa}.language-dropdown-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px;transition:background .2s;white-space:nowrap}.language-dropdown-btn:hover{background:#ffffff26;border-color:#00d4aa}.language-dropdown-btn .rotated{transform:rotate(180deg);transition:transform .2s ease}.language-dropdown{animation:slideDown .15s ease;background:#2a2a2a;border:1px solid #fff3;border-radius:10px;box-shadow:0 12px 32px #0009;left:0;max-height:320px;overflow-y:auto;position:absolute;top:calc(100% + 6px);width:170px;z-index:99999}.language-option{background:none;border:none;color:#ccc;cursor:pointer;font-size:12px;padding:9px 14px;text-align:left;transition:background .15s;width:100%}.language-option:hover{background:#ffffff12;color:#fff}.language-option:first-child{border-radius:10px 10px 0 0}.language-option:last-child{border-radius:0 0 10px 10px}.language-option.active{background:#00d4aa1f;color:#00d4aa}.users-popup{animation:slideDown .2s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#282828fa;border:1px solid #ffffff26;margin-top:8px;max-width:90vw;top:100%;width:240px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.popup-header{border-bottom:1px solid #ffffff1a;padding:12px 16px}.popup-header h4{color:#00d4aa;font-size:13px}.close-btn{color:#888;padding:4px}.popup-users-list{max-height:250px;overflow-y:auto;padding:8px 0}.popup-user-item{align-items:center;display:flex;font-size:12px;gap:10px;padding:8px 16px}.popup-user-item:hover{background:#ffffff0d}.popup-user-item.current-user{background:#00d4aa14;color:#00d4aa}.user-avatar{background:#00d4aa;border-radius:50%;height:8px;width:8px}.popup-user-item:not(.current-user) .user-avatar{background:#f39c12}.main-content{position:relative}.editor-section{background:#1e1e1e;min-width:0}.editor-header{background:#252526;border-bottom:1px solid #ffffff1a;padding:8px 16px}.editor-header h3{color:#ccc;font-size:12px;font-weight:500}.editor-actions{flex-shrink:0;gap:8px}.monaco-container{position:relative}.sidebar{background:#252526;border-left:1px solid #ffffff1a;flex-shrink:0;overflow-x:hidden;overflow-y:auto;transition:width .2s ease;width:320px}.sidebar.collapsed{min-width:44px;width:44px}.sidebar-toggle-bar{border-bottom:1px solid #00d4aa21;justify-content:flex-end;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar.collapsed .sidebar-toggle-bar{justify-content:center}.sidebar-toggle-btn{padding:5px 7px}.sidebar-section{border-bottom:1px solid #ffffff0d}.section-header{gap:10px;padding:10px 12px}.section-header:hover{background:#ffffff08}.section-header h3{color:#ccc;font-size:12px;font-weight:600;letter-spacing:.5px}.section-icon{color:#00d4aa;height:16px;width:16px}.section-toggle{color:#888;transition:transform .2s ease}.section-content{overflow:hidden;padding:0 12px 12px}.ai-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-family:monospace;margin-bottom:10px;min-height:80px;padding:10px}.ai-textarea:focus{border-color:#00d4aa}.ai-response{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;margin-top:10px;padding:10px}.response-header{margin-bottom:8px}.response-header h4{color:#00d4aa;font-size:11px;font-weight:600}.response-content{word-wrap:break-word;background:#0000004d;color:#ccc;font-family:monospace;max-height:250px}.response-content,.terminal-output{border-radius:4px;line-height:1.6;padding:8px}.terminal-output{background:#1e1e1e;color:#d4d4d4;font-family:Consolas,JetBrains Mono,monospace;font-size:12px;max-height:300px;overflow-wrap:break-word;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.running-indicator{align-items:center;color:#ffc107;display:flex;font-size:10px;gap:6px;margin-top:8px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#00d4aa;height:12px;width:12px}.file-list{gap:4px}.file-item{background:#ffffff08;border-radius:4px;font-size:11px;gap:8px;padding:6px 10px;transition:all .2s ease}.file-item:hover{background:#ffffff14}.file-item.active{background:#00d4aa1a;border-left:2px solid #00d4aa}.file-item span{color:#ccc;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-4{margin-bottom:12px}.mt-2{margin-top:6px}.mt-3{margin-top:10px}.mb-3{margin-bottom:10px}.gap-2{gap:6px}@media (max-width:768px){.auth-card{padding:32px 24px}.app-header{flex-direction:column;gap:10px;padding:10px}.header-center{justify-content:flex-start;overflow-x:auto;width:100%}.editor-header{align-items:stretch;flex-direction:column;gap:8px}.editor-actions{justify-content:flex-start}.sidebar{width:280px}.sidebar.collapsed{min-width:40px;width:40px}}:root{--bg:#050a12;--bg-card:#070d1ae6;--bg-panel:#09101ef2;--bg-in:#ffffff0a;--bg-hov:hsla(0,0%,100%,.045);--bg-act:#00ffd212;--green:#00ffd2;--teal:#00cfff;--purple:#a259ff;--accent:#00ffd2;--ag:#00ffd224;--pg:#a259ff24;--t1:#e2eef5;--t2:#7a95b0;--t3:#3e5570;--b:#00ffd221;--bh:#00ffd261;--bs:#ffffff12;--r1:7px;--r2:12px;--r3:18px;--r4:26px;--card-sh:0 28px 70px #0000008c;--glow:0 0 36px #00ffd221}.intro-screen{align-items:center;background:#050a12;background:var(--bg);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;transition:opacity .6s ease,transform .6s ease;z-index:9999}.intro-screen.intro-in{opacity:0;transform:scale(1.04)}.intro-screen.intro-hold{opacity:1;transform:scale(1)}.intro-screen.intro-out{opacity:0;pointer-events:none;transform:scale(.97)}.intro-aurora{inset:0;pointer-events:none;position:absolute}.ia1{animation:drift 10s ease-in-out infinite alternate;background:radial-gradient(ellipse,#00ffd2 0,#0000 65%);background:radial-gradient(ellipse,var(--green) 0,#0000 65%);height:70vh;left:-20%;opacity:.3;top:-25%;width:80vw}.ia1,.ia2{border-radius:50%;filter:blur(100px);position:absolute}.ia2{animation:drift 13s ease-in-out infinite alternate;animation-delay:-3s;background:radial-gradient(ellipse,#a259ff 0,#0000 65%);background:radial-gradient(ellipse,var(--purple) 0,#0000 65%);bottom:-25%;height:80vh;opacity:.28;right:-20%;width:70vw}.ia3{animation:drift 17s ease-in-out infinite alternate;animation-delay:-7s;background:radial-gradient(ellipse,#00cfff 0,#0000 65%);background:radial-gradient(ellipse,var(--teal) 0,#0000 65%);border-radius:50%;filter:blur(80px);height:50vh;left:25%;opacity:.18;position:absolute;top:35%;width:50vw}.intro-content{align-items:center;animation:introFade .5s ease .1s both;display:flex;flex-direction:column;gap:20px;position:relative;z-index:10}@keyframes introFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.intro-logo-wrap{animation:logoBounce .7s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes logoBounce{0%{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.intro-logo{align-items:center;animation:introPulse 1.4s ease-in-out .8s infinite;background:linear-gradient(135deg,#00ffd2,#a259ff);background:linear-gradient(135deg,var(--green),var(--purple));border-radius:24px;color:#fff;display:flex;height:88px;justify-content:center;width:88px}@keyframes introPulse{0%{box-shadow:0 0 0 0 #00ffd280}70%{box-shadow:0 0 0 22px #00ffd200}to{box-shadow:0 0 0 0 #00ffd200}}.intro-title{animation:introFade .5s ease .3s both;background:linear-gradient(135deg,#00ffd2,#00cfff 45%,#a259ff);background:linear-gradient(135deg,var(--green),var(--teal) 45%,var(--purple));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:42px;font-weight:900;letter-spacing:-1px}.intro-title span{font-style:italic}.intro-sub{animation:introFade .5s ease .45s both;color:#7a95b0;color:var(--t2);font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.intro-bar{animation:introFade .4s ease .6s both;background:#ffffff14;border-radius:2px;height:2px;overflow:hidden;width:200px}.intro-fill{animation:introBar 1.6s cubic-bezier(.4,0,.2,1) .6s both;background:linear-gradient(90deg,#00ffd2,#a259ff);background:linear-gradient(90deg,var(--green),var(--purple));border-radius:2px;height:100%}@keyframes introBar{0%{width:0}to{width:100%}}@keyframes drift{0%{transform:translate(0) scale(1)}33%{transform:translate(4%,-5%) scale(1.06)}66%{transform:translate(-4%,5%) scale(.95)}to{transform:translate(2%,-2%) scale(1.03)}}.aurora-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.aurora{animation:drift 14s ease-in-out infinite alternate;border-radius:50%;filter:blur(90px);position:absolute}.aurora.a1{animation-duration:15s;background:radial-gradient(ellipse,#00ffd2 0,#0000 68%);background:radial-gradient(ellipse,var(--green) 0,#0000 68%);height:55vh;left:-12%;opacity:.22;top:-22%;width:65vw}.aurora.a2{animation-delay:-5s;animation-duration:19s;background:radial-gradient(ellipse,#a259ff 0,#0000 68%);background:radial-gradient(ellipse,var(--purple) 0,#0000 68%);bottom:-22%;height:65vh;opacity:.2;right:-12%;width:55vw}.aurora.a3{animation-delay:-9s;animation-duration:24s;background:radial-gradient(ellipse,#00cfff 0,#0000 68%);background:radial-gradient(ellipse,var(--teal) 0,#0000 68%);height:44vh;left:28%;opacity:.13;top:38%;width:42vw}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:28px;position:relative}.auth-card{animation:cardIn .45s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(36px) saturate(1.5);backdrop-filter:blur(36px) saturate(1.5);background:#070d1ae6;background:var(--bg-card);border:1px solid #00ffd221;border:1px solid var(--b);border-radius:26px;border-radius:var(--r4);box-shadow:0 28px 70px #0000008c,0 0 36px #00ffd221,inset 0 1px 0 #ffffff12;box-shadow:var(--card-sh),var(--glow),inset 0 1px 0 #ffffff12;max-width:500px;padding:46px 42px;position:relative;width:100%;z-index:10}.landing-card{max-width:520px}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.auth-header{margin-bottom:36px;position:relative;text-align:center}.back-btn{align-items:center;background:hsla(0,0%,100%,.045);background:var(--bg-hov);border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:7px;border-radius:var(--r1);color:#7a95b0;color:var(--t2);cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:5px;left:0;padding:7px 12px;position:absolute;top:0;transition:all .2s}.back-btn:hover{background:#00ffd224;background:var(--ag);border-color:#00ffd261;border-color:var(--bh);color:#00ffd2;color:var(--accent);transform:translateX(-2px)}.logo-container{flex-direction:column;gap:13px;margin-bottom:4px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{animation:gp 3.2s ease-in-out infinite;background:linear-gradient(135deg,#00ffd2,#a259ff);background:linear-gradient(135deg,var(--green),var(--purple));border-radius:12px;border-radius:var(--r2);box-shadow:0 10px 36px #00ffd259,0 0 0 1px #ffffff1f;color:#fff;height:68px;justify-content:center;width:68px}@keyframes gp{0%,to{box-shadow:0 10px 36px #00ffd259,0 0 0 1px #ffffff1f}50%{box-shadow:0 10px 52px #00ffd28c,0 0 0 1px #ffffff2e}}.auth-header h1{background:linear-gradient(135deg,#00ffd2,#00cfff 45%,#a259ff);background:linear-gradient(135deg,var(--green),var(--teal) 45%,var(--purple));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:28px;font-weight:900;letter-spacing:-.5px}.auth-header p{color:#7a95b0;color:var(--t2);font-size:13px;margin-top:5px}.auth-form{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}.input-group{position:relative}.input-group label{color:#7a95b0;color:var(--t2);display:block;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.auth-input{background:#ffffff0a;background:var(--bg-in);border:1.5px solid #ffffff12;border:1.5px solid var(--bs);border-radius:7px;border-radius:var(--r1);color:#e2eef5;color:var(--t1);font-family:inherit;font-size:14px;padding:11px 14px;transition:all .2s;width:100%}.auth-input:focus{background:#00ffd20a;border-color:#00ffd2;border-color:var(--accent);box-shadow:0 0 0 3px #00ffd21a;outline:none}.auth-input::placeholder{color:#3e5570;color:var(--t3)}.auth-error{background:#ff6b8a14;border:1px solid #ff6b8a38;border-radius:7px;border-radius:var(--r1);color:#ff6b8a;font-size:12px;padding:8px 12px}.active-rooms-section{background:#00ffd208;border:1px solid #00ffd221;border-radius:12px;border-radius:var(--r2);margin:12px 0 18px;overflow:hidden}.active-rooms-header{align-items:center;background:#00ffd20d;border-bottom:1px solid #00ffd21a;color:#00ffd2;color:var(--accent);display:flex;font-size:11px;font-weight:700;gap:7px;letter-spacing:.7px;padding:9px 14px;text-transform:uppercase}.rooms-hint{font-size:10px;font-weight:400;text-transform:none}.rooms-hint,.rooms-loading{color:#3e5570;color:var(--t3)}.rooms-loading{font-size:12px;padding:11px 14px}.room-card{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:12px;justify-content:space-between;padding:9px 14px;transition:background .2s}.room-card:last-child{border-bottom:none}.room-card:hover{background:#00ffd20a}.room-card-info{flex:1 1;min-width:0}.room-card-id{align-items:center;color:#e2eef5;color:var(--t1);display:flex;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;gap:5px}.room-card-id svg{color:#00ffd2;color:var(--accent)}.room-card-meta{color:#3e5570;color:var(--t3);font-size:11px;margin-top:2px}.btn{align-items:center;border:none;border-radius:7px;border-radius:var(--r1);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#00ffd2,#00cfff);background:linear-gradient(135deg,var(--green),var(--teal));box-shadow:0 4px 20px #00ffd247;color:#040b14}.btn-primary:hover{box-shadow:0 7px 28px #00ffd26b;filter:brightness(1.08);transform:translateY(-2px)}.btn-secondary{background:hsla(0,0%,100%,.045);background:var(--bg-hov);border:1px solid #ffffff12;border:1px solid var(--bs);color:#e2eef5;color:var(--t1)}.btn-secondary:hover{background:#ffffff14;border-color:#00ffd261;border-color:var(--bh);color:#00ffd2;color:var(--accent);transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#ff5e7d,#ff8c5e);color:#fff}.btn-warning:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#00ffd2,#00a880);background:linear-gradient(135deg,var(--green),#00a880);color:#040b14;font-weight:700}.btn-success:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-sm{border-radius:6px;font-size:11px;gap:4px;padding:5px 10px}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;filter:none!important;opacity:.45;transform:none!important}.mb-4{margin-bottom:10px}.icon-btn{padding:7px 9px}.btn-icon{background:none;border:none;color:#7a95b0;color:var(--t2);cursor:pointer;font-size:12px;padding:2px 4px;transition:color .2s}.btn-icon:hover{color:#e2eef5;color:var(--t1)}.btn-icon.danger:hover{color:#ff6b8a}.options-container{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:22px}.option-card{background:hsla(0,0%,100%,.045);background:var(--bg-hov);border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:18px;border-radius:var(--r3);cursor:pointer;overflow:hidden;padding:22px 16px;position:relative;text-align:center;transition:all .28s cubic-bezier(.16,1,.3,1)}.option-card:before{background:linear-gradient(135deg,#00ffd224,#a259ff24);background:linear-gradient(135deg,var(--ag),var(--pg));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.option-card:hover{border-color:#00ffd261;border-color:var(--bh);box-shadow:0 0 36px #00ffd221;box-shadow:var(--glow);transform:translateY(-4px)}.option-card:hover:before{opacity:1}.option-icon{align-items:center;background:#00ffd21a;border-radius:7px;border-radius:var(--r1);color:#00ffd2;color:var(--accent);display:flex;height:50px;justify-content:center;margin:0 auto 12px;padding:13px;width:50px}.option-card h3{font-size:16px;font-weight:700;margin-bottom:6px}.option-card p{color:#7a95b0;color:var(--t2);font-size:12px;line-height:1.5;margin-bottom:12px}.option-features{color:#3e5570;color:var(--t3);display:flex;flex-direction:column;font-size:11px;gap:4px;text-align:left}.option-features span{align-items:center;display:flex;gap:5px}.option-features span:before{color:#00ffd2;color:var(--accent);content:"✓";font-weight:700}.features-list{border-top:1px solid #ffffff12;border-top:1px solid var(--bs);display:flex;flex-direction:column;gap:7px;padding-top:18px}.feature-item{align-items:center;background:hsla(0,0%,100%,.045);background:var(--bg-hov);border-radius:7px;border-radius:var(--r1);color:#7a95b0;color:var(--t2);display:flex;font-size:12px;gap:11px;padding:7px 11px}.feature-item svg{color:#00ffd2;color:var(--accent);flex-shrink:0}.user-info-bar{align-items:center;background:hsla(0,0%,100%,.045);background:var(--bg-hov);border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:7px;border-radius:var(--r1);display:flex;gap:11px;margin-bottom:12px;padding:9px 14px}.user-details{flex:1 1;text-align:left}.user-name{color:#00ffd2;color:var(--accent);font-size:13px;font-weight:700}.user-email{color:#3e5570;color:var(--t3);font-size:11px}.auth-buttons{display:flex;gap:10px;justify-content:center;margin-top:18px}.divider{align-items:center;color:#3e5570;color:var(--t3);display:flex;font-size:11px;margin:14px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--bs);content:"";flex:1 1}.divider:not(:empty):before{margin-right:1em}.divider:not(:empty):after{margin-left:1em}.badge{background:#00ffd224;background:var(--ag);border:1px solid #00ffd233;border-radius:10px;color:#00ffd2;color:var(--accent);font-size:10px;font-weight:700;margin-left:4px;padding:1px 6px}.app{background:#050a12;background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#040812f7;border-bottom:1px solid #00ffd221;border-bottom:1px solid var(--b);box-shadow:0 1px 24px #00ffd20f;gap:14px;height:50px;justify-content:space-between;overflow:visible;padding:0 18px;position:relative;z-index:200}.app-header,.header-logo{align-items:center;display:flex;flex-shrink:0}.header-logo{gap:8px}.logo-icon-sm{color:#00ffd2;color:var(--accent)}.app-header h1{background:linear-gradient(135deg,#00ffd2,#00cfff,#a259ff);background:linear-gradient(135deg,var(--green),var(--teal),var(--purple));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:15px;font-weight:900;letter-spacing:-.3px;white-space:nowrap}.header-center{flex:1 1;gap:8px}.header-center,.room-info{align-items:center;display:flex;justify-content:center;overflow:visible}.room-info{color:#7a95b0;color:var(--t2);flex-wrap:wrap;font-size:12px;gap:7px}.room-badge,.user-badge{background:hsla(0,0%,100%,.045);background:var(--bg-hov);border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:20px;font-size:11px;padding:3px 9px;white-space:nowrap}.room-badge strong{color:#00ffd2;color:var(--accent)}.user-badge strong{color:#a259ff;color:var(--purple)}.header-right{flex-shrink:0;gap:7px;position:relative}.header-right,.users-toggle{align-items:center;display:flex}.users-toggle{background:hsla(0,0%,100%,.045);background:var(--bg-hov);border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:20px;cursor:pointer;font-size:12px;gap:5px;padding:4px 9px;transition:all .2s}.users-toggle:hover{border-color:#00ffd261;border-color:var(--bh);color:#00ffd2;color:var(--accent)}.online-dot{animation:blink 2.2s ease-in-out infinite;background:#00ffd2;background:var(--accent);border-radius:50%;box-shadow:0 0 6px #00ffd2;box-shadow:0 0 6px var(--accent);height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.users-popup{animation:dropIn .15s ease;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070d1afc;border:1px solid #00ffd221;border:1px solid var(--b);border-radius:12px;border-radius:var(--r2);box-shadow:0 18px 52px #000000bf,0 0 36px #00ffd221;box-shadow:0 18px 52px #000000bf,var(--glow);position:absolute;right:0;top:calc(100% + 9px);width:210px;z-index:9998}.popup-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--bs);display:flex;justify-content:space-between;padding:10px 12px 8px}.popup-header h4{color:#00ffd2;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.close-btn{background:none;border:none;border-radius:4px;color:#3e5570;color:var(--t3);cursor:pointer;padding:3px;transition:color .2s}.close-btn:hover{color:#e2eef5;color:var(--t1)}.popup-list{padding:6px}.popup-user{align-items:center;border-radius:7px;border-radius:var(--r1);color:#7a95b0;color:var(--t2);display:flex;font-size:11px;gap:8px;padding:5px 8px;transition:background .15s}.popup-user:hover{background:hsla(0,0%,100%,.045);background:var(--bg-hov)}.popup-user.me{color:#00ffd2;color:var(--accent);font-weight:600}.u-avatar{align-items:center;background:linear-gradient(135deg,#00ffd2,#a259ff);background:linear-gradient(135deg,var(--green),var(--purple));border-radius:50%;color:#040b14;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.language-selector{position:relative;z-index:9999}.lang-btn{align-items:center;background:hsla(0,0%,100%,.045);background:var(--bg-hov);border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:20px;color:#e2eef5;color:var(--t1);cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:5px;padding:4px 10px;transition:all .2s;white-space:nowrap}.lang-btn:not(.locked):hover{border-color:#00ffd261;border-color:var(--bh);color:#00ffd2;color:var(--accent)}.lang-btn.locked{border-color:#ffffff0a;color:#3e5570;color:var(--t3);cursor:not-allowed}.lang-btn .rotated{transform:rotate(180deg);transition:transform .2s}.lang-dropdown{animation:dropIn .15s ease;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070d1afc;border:1px solid #00ffd221;border:1px solid var(--b);border-radius:12px;border-radius:var(--r2);box-shadow:0 18px 52px #000000bf,0 0 36px #00ffd221;box-shadow:0 18px 52px #000000bf,var(--glow);left:0;max-height:320px;overflow-y:auto;position:absolute;top:calc(100% + 7px);width:165px;z-index:99999}.lang-opt{background:none;border:none;color:#7a95b0;color:var(--t2);cursor:pointer;font-family:inherit;font-size:12px;padding:8px 13px;text-align:left;transition:all .15s;width:100%}.lang-opt:hover{background:#00ffd224;background:var(--ag);color:#00ffd2;color:var(--accent)}.lang-opt:first-child{border-radius:12px 12px 0 0;border-radius:var(--r2) var(--r2) 0 0}.lang-opt:last-child{border-radius:0 0 12px 12px;border-radius:0 0 var(--r2) var(--r2)}.lang-opt.active{background:#00ffd224;background:var(--ag);color:#00ffd2;color:var(--accent);font-weight:700}.main-content{display:flex;flex:1 1;flex-direction:row-reverse;overflow:hidden}.editor-section{background:#0d1117;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.editor-header{align-items:center;background:#070d1af7;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--bs);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:7px 14px}.editor-file-info{align-items:center;display:flex;gap:7px}.file-tab-icon{color:#00cfff;color:var(--teal)}.file-tab{background:#00ffd20f;border:1px solid #00ffd226;border-radius:6px;color:#e2eef5;color:var(--t1);font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 9px}.lang-badge{background:#a259ff1a;border:1px solid #a259ff38;border-radius:20px;color:#a259ff;color:var(--purple);font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 7px;text-transform:uppercase}.lock-badge{background:#ffffff0d;border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:20px;color:#3e5570;color:var(--t3);font-size:9px;gap:3px;padding:2px 6px}.editor-actions,.lock-badge{align-items:center;display:flex}.editor-actions{gap:7px}.run-btn{background:linear-gradient(135deg,#00ffd2,#00a880)!important;background:linear-gradient(135deg,var(--green),#00a880)!important;box-shadow:0 2px 14px #00ffd252;color:#040b14!important;font-weight:700!important}.run-btn:hover:not(:disabled){box-shadow:0 4px 22px #00ffd280!important}.monaco-container{flex:1 1;overflow:hidden}.sidebar{background:#09101ef2;background:var(--bg-panel);border-right:1px solid #00ffd221;border-right:1px solid var(--b);display:flex;flex-direction:column;min-width:295px;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);width:295px}.sidebar.collapsed{min-width:38px;width:38px}.sidebar-toggle-bar{background:#00d4aa0a;border-bottom:1px solid #00d4aa26;flex-shrink:0;padding:7px}.sidebar-toggle-bar,.sidebar-toggle-btn{align-items:center;display:flex;justify-content:center}.sidebar-toggle-btn{background:#00d4aa14;border:1px solid #00d4aa2e;border-radius:6px;color:#00d4aab3;cursor:pointer;height:26px;transition:all .2s;width:26px}.sidebar-toggle-btn:hover{background:#00d4aa24;border-color:#00ffd2;color:#00ffd2}.sidebar-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.sidebar-section{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--bs);flex-shrink:0}.section-header{align-items:center;cursor:pointer;display:flex;gap:7px;padding:9px 13px;transition:background .2s;-webkit-user-select:none;user-select:none}.section-header:hover{background:hsla(0,0%,100%,.045);background:var(--bg-hov)}.section-icon{color:#00ffd2;color:var(--accent);flex-shrink:0}.section-header h3{align-items:center;color:#7a95b0;color:var(--t2);display:flex;flex:1 1;font-size:10px;font-weight:700;gap:5px;letter-spacing:.8px;text-transform:uppercase}.section-toggle{color:#3e5570;color:var(--t3);flex-shrink:0;transition:transform .2s}.section-toggle.rotated{transform:rotate(90deg)}.section-content{padding:9px 11px}.lang-tip{background:#00ffd20a;border:1px solid #00ffd21a;border-radius:6px;color:#3e5570;color:var(--t3);font-size:10px;line-height:1.5;margin-bottom:9px;padding:5px 8px}.lang-tip code{color:#00ffd2;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:10px}.file-create-row{display:flex;gap:5px;margin-bottom:8px}.file-name-input{border-radius:6px!important;font-family:JetBrains Mono,monospace!important;font-size:11px!important;padding:6px 9px!important}.file-list{display:flex;flex-direction:column;gap:2px}.file-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;overflow:hidden;transition:background .15s}.file-item:hover{background:hsla(0,0%,100%,.045);background:var(--bg-hov)}.file-item.active{background:#00ffd212;background:var(--bg-act);border:1px solid #00ffd22e}.file-item-main{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0;padding:6px 8px}.file-item-main svg{color:#00cfff;color:var(--teal);flex-shrink:0}.file-name{color:#e2eef5;color:var(--t1);flex:1 1;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-active-icon{color:#00ffd2;color:var(--accent);flex-shrink:0}.file-delete-btn{align-items:center;background:none;border:none;color:#3e5570;color:var(--t3);cursor:pointer;display:flex;flex-shrink:0;opacity:0;padding:6px 8px;transition:all .15s}.file-item:hover .file-delete-btn{opacity:1}.delete-confirm,.file-delete-btn:hover{background:#ff6b8a1a;color:#ff6b8a}.delete-confirm{align-items:center;border-left:1px solid #ff6b8a38;display:flex;font-size:11px;gap:4px;padding:3px 7px}.ai-dot{animation:blink 2.4s ease-in-out infinite;border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.ai-textarea{background:#ffffff0a;background:var(--bg-in);border:1.5px solid #ffffff12;border:1.5px solid var(--bs);border-radius:7px;border-radius:var(--r1);color:#e2eef5;color:var(--t1);font-family:inherit;font-size:12px;margin-bottom:8px;min-height:65px;padding:9px 11px;resize:vertical;transition:border-color .2s;width:100%}.ai-textarea:focus{border-color:#a259ff;border-color:var(--purple);box-shadow:0 0 0 2px #a259ff24;box-shadow:0 0 0 2px var(--pg);outline:none}.ai-textarea::placeholder{color:#3e5570;color:var(--t3)}.ai-textarea:disabled{opacity:.5}.ai-response{background:#00000047;border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:7px;border-radius:var(--r1);margin-top:8px;overflow:hidden}.response-header{align-items:center;background:hsla(0,0%,100%,.045);background:var(--bg-hov);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--bs);display:flex;justify-content:space-between;padding:7px 11px}.response-header h4{color:#7a95b0;color:var(--t2);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.response-content{color:#e2eef5;color:var(--t1);font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.65;max-height:260px;overflow-y:auto;padding:10px 11px;white-space:pre-wrap;word-break:break-word}.dot-spin{animation:spin .7s linear infinite;border:2px solid #040b1459;border-radius:50%;border-top-color:#040b14;height:13px;width:13px}.terminal-section{flex-shrink:0}.term-hdr-btns{display:flex;gap:5px;margin-left:auto}.terminal-body{display:flex;flex-direction:column;gap:8px;padding:8px 11px 10px}.terminal-out{background:#00000080;border:1px solid #ffffff12;border:1px solid var(--bs);border-radius:7px;border-radius:var(--r1);cursor:text;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;max-height:260px;min-height:88px;overflow-y:auto;padding:10px 11px}.term-placeholder{color:#3e5570;color:var(--t3);font-size:11px}.tl{word-wrap:break-word;min-height:1.2em;overflow-wrap:break-word;white-space:pre-wrap}.tl-prompt,.tl-prompt-done{color:#00ffd2}.tl-out{color:#9df5dc}.tl-err{color:#ff6b8a}.tl-meta{font-style:italic}.tl-div,.tl-meta{color:#3e5570;color:var(--t3)}.tl-div{font-size:10px;opacity:.5}.term-input-row{align-items:center;display:flex;margin-top:2px}.term-inline-input{background:#0000;border:none;caret-color:#00ffd2;color:#00ffd2;font-family:JetBrains Mono,monospace;font-size:12px;outline:none;padding:0;width:100%}.term-inline-input::placeholder{color:#00ffd233;font-size:11px}.input-progress{background:#00cfff0f;border:1px solid #00cfff29;border-radius:5px;color:#00cfff;color:var(--teal);font-size:10px;padding:4px 9px}.input-progress kbd{background:#00cfff24;border:1px solid #00cfff40;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:10px;padding:1px 5px}.status-pill{border-radius:20px;font-size:9px;font-weight:700;margin-left:5px;padding:2px 6px}.status-pill.running{animation:blink 1.1s ease-in-out infinite;background:#00ffd224;background:var(--ag);border:1px solid #00ffd240;color:#00ffd2;color:var(--accent)}.status-pill.waiting{background:#00cfff1a;border:1px solid #00cfff40;color:#00cfff;color:var(--teal)}.no-exec-msg{align-items:center;background:#a259ff0a;border:1px solid #a259ff26;border-radius:12px;border-radius:var(--r2);display:flex;flex-direction:column;gap:10px;padding:20px 14px;text-align:center}.no-exec-icon{color:#a259ff;color:var(--purple);opacity:.8}.no-exec-title{color:#e2eef5;color:var(--t1);font-size:13px;font-weight:700}.no-exec-body{color:#7a95b0;color:var(--t2);font-size:11px;line-height:1.6}.no-exec-steps{align-self:stretch;background:#0003;border-radius:7px;border-radius:var(--r1);color:#3e5570;color:var(--t3);font-size:10px;gap:4px;margin-top:4px;padding:8px 10px;text-align:left}.app-loading,.no-exec-steps{display:flex;flex-direction:column}.app-loading{align-items:center;gap:20px;justify-content:center;min-height:100vh;position:relative}.app-loading p{color:#7a95b0;color:var(--t2);font-size:13px;letter-spacing:1.2px}.loading-spinner-large{animation:spin .9s linear infinite;border:2px solid #ffffff12;border-radius:50%;border-top:2px solid var(--accent);box-shadow:0 0 22px #00ffd224;box-shadow:0 0 22px var(--ag);height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.Toastify__toast-container{bottom:16px;max-width:340px;padding:0;right:16px;width:auto;z-index:10000}.Toastify__toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d1af7;border:1px solid #00d4aa38;border-radius:10px;box-shadow:0 12px 32px #0009,0 0 20px #00d4aa14;margin-bottom:8px;min-height:auto;padding:12px 16px}.Toastify__toast.Toastify__toast--close-on-click:hover{box-shadow:0 16px 40px #000000b3,0 0 24px #00d4aa1f;transform:translateY(-2px);transition:all .2s ease}.Toastify__toast-body{color:#e2eef5;font-size:13px;font-weight:500;letter-spacing:.3px;line-height:1.4;padding:0}.Toastify__toast--info{background:#00d4aa0f;border-color:#00d4aa47}.Toastify__toast--info .Toastify__toast-body{color:#00ffd2;font-weight:600}.Toastify__toast--success{background:#00d4aa14;border-color:#00d4aa52}.Toastify__toast--success .Toastify__toast-body{color:#00ffd2;font-weight:600}.Toastify__toast--error{background:#ff6b8a12;border-color:#ff6b8a47}.Toastify__toast--error .Toastify__toast-body{color:#ff6b8a;font-weight:600}.Toastify__progress-bar{background:linear-gradient(90deg,#00ffd2,#00cfff);border-radius:2px;height:3px;will-change:width}.Toastify__close-button{display:none!important;pointer-events:none!important;visibility:hidden!important}