.homepage{color:#1f2937;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.homepage h1,.homepage h2,.homepage h3{font-weight:700;line-height:1.2}.homepage section{padding:6rem 1rem}.hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.1) 0,transparent 50%)}.hero .hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero .hero-content h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;background:linear-gradient(90deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .hero-content p{font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:2rem;color:#4b5563}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.cta-primary{background:#2563eb;color:#fff}.cta-primary:hover{background:#1e40af;transform:translateY(-2px)}.cta-secondary{background:transparent;color:#2563eb;border:2px solid #2563eb}.cta-secondary:hover{background:rgba(37,99,235,.1);transform:translateY(-2px)}.features{background:#fff}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.feature-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.feature-card .feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:#2563eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card .feature-icon svg{width:100%;height:100%}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;text-align:center}.feature-card p{color:#4b5563;text-align:center}.cta-section{background:#f8fafc;text-align:center}.cta-section .cta-content{max-width:800px;margin:0 auto}.cta-section .cta-content h2{font-size:2.5rem;margin-bottom:1.5rem}.cta-section .cta-content p{font-size:1.25rem;color:#4b5563;margin-bottom:2rem}@media(max-width:768px){.homepage section{padding:4rem 1rem}.cta-buttons{flex-direction:column}.cta-buttons a{width:100%}.feature-grid{grid-template-columns:1fr}}.home-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937}.home-header{background:#fff!important;border-bottom:none!important;box-shadow:0 2px 8px rgba(0,0,0,.03)}.logo-main.home-logo-blue{color:#2563eb!important;font-weight:800;font-size:2rem;letter-spacing:-1px;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important}.home-header .logo{background:none!important;box-shadow:none!important;border-radius:0;padding:0}.ide-header{display:flex;align-items:center;padding:.5rem 1rem;background-color:#252526;border-bottom:1px solid #333;height:48px;gap:1rem}.ide-header .logo{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:700;text-decoration:none;color:inherit;line-height:1;transform:scale(.65);transform-origin:left center;margin-right:-20px;padding-right:0;flex-shrink:0}.ide-header .logo .logo-main{font-size:1.75rem;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;margin-bottom:0;font-weight:800}.ide-header .logo .logo-sub{display:flex;align-items:center;gap:.25rem;font-style:italic}.ide-header .logo .logo-by{font-size:.875rem;font-weight:400;color:#9ca3af}.ide-header .logo .logo-aics{font-size:1rem;font-weight:600;color:#9ca3af;letter-spacing:.5px;text-transform:uppercase}main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.welcome-title{font-size:3.5rem;font-weight:800;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;letter-spacing:-.05em}.launch-btn{margin-top:2rem;padding:.75rem 2rem;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.launch-btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.06)}.footer{background-color:#fff;border-top:1px solid #e5e7eb;padding:1rem;text-align:center;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer,.footer .bullet{color:#9ca3af}@media(max-width:768px){.welcome-title{font-size:2.5rem}.ide-header .logo .logo-main{font-size:1.5rem}.ide-header .logo .logo-by{font-size:.625rem}.ide-header .logo .logo-aics{font-size:.75rem}}.git-setup{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.git-setup h2{text-align:center;margin-bottom:2rem;color:#1f2937}.git-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.git-options.single-column{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.git-option{padding:1.5rem;background:#f8fafc;border-radius:.5rem;text-align:center;margin-bottom:0}.git-option h3{margin-bottom:1rem;color:#2563eb}.git-option p{margin-bottom:1.5rem;color:#4b5563}.git-option button{width:100%}.git-status{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.git-status .status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.git-status .status-header .status-left{display:flex;align-items:center;gap:1rem}.git-status .status-header .status-left h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.git-status .status-header .status-badge{padding:.5rem 1rem;border-radius:16px;font-size:.875rem;font-weight:500}.git-status .status-header .status-badge.connected{background:#dcfce7;color:#15803d;border:1px solid #86efac}.git-status .status-header .status-badge.disconnected{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.git-status .status-grid{display:grid;grid-gap:1rem;gap:1rem}.git-status .status-grid .status-item{display:flex;align-items:center}.git-status .status-grid .status-item .label{color:#4b5563;font-size:.875rem;min-width:120px;font-weight:500}.git-status .status-grid .status-item .value{color:#1f2937;font-size:.875rem;font-weight:400}.project-name-input{margin-bottom:1rem}.project-name-input input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;margin-bottom:.5rem}.project-name-input input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.project-name-input input:disabled{background-color:#f3f4f6;cursor:not-allowed}.project-name-input .error-message{color:#dc2626;font-size:.875rem;margin-top:.25rem}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:12px;margin-bottom:20px;color:#c62828}.error-message p{margin:0;font-size:14px}.github-repos{margin-top:1rem;max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);box-shadow:0 2px 4px rgba(0,0,0,.05)}.github-repos::-webkit-scrollbar{width:8px}.github-repos::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.github-repos::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.github-repos::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.github-repos .loading-repos{padding:2rem;display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem}.github-repos .repo-list .repo-item{padding:1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.github-repos .repo-list .repo-item:last-child{border-bottom:none}.github-repos .repo-list .repo-item:hover{background-color:var(--bg-hover);transform:translateX(4px)}.github-repos .repo-list .repo-item:hover .repo-name{color:var(--primary)}.github-repos .repo-list .repo-item:hover:after{content:"→";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:var(--primary);font-size:1.25rem;opacity:.8}.github-repos .repo-list .repo-item .repo-name{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;transition:color .2s ease}.github-repos .repo-list .repo-item .repo-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.github-repos .repo-list .repo-item .repo-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem}.github-repos .repo-list .repo-item .repo-meta .repo-visibility{padding:.25rem .75rem;border-radius:12px;font-weight:500;display:inline-flex;align-items:center;gap:.35rem}.github-repos .repo-list .repo-item .repo-meta .repo-visibility:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.github-repos .repo-list .repo-item .repo-meta .repo-visibility.private{background-color:var(--bg-tertiary);color:var(--text-secondary)}.github-repos .repo-list .repo-item .repo-meta .repo-visibility.private:before{background-color:var(--text-secondary)}.github-repos .repo-list .repo-item .repo-meta .repo-visibility.public{background-color:var(--success-light);color:var(--success)}.github-repos .repo-list .repo-item .repo-meta .repo-visibility.public:before{background-color:var(--success)}.github-repos .repo-list .repo-item .repo-meta .repo-updated{color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.github-repos .repo-list .repo-item .repo-meta .repo-updated:before{content:"•";color:var(--text-tertiary)}.github-repos .no-repos{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.95rem}.github-repos .error-message{padding:1.5rem;text-align:center;color:var(--error);background-color:var(--error-light);border-radius:6px;margin:1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.github-repos .error-message .btn{margin-top:.5rem}.github-section .github-user-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:8px;margin-bottom:1.5rem}.github-section .github-user-info .github-avatar{width:48px;height:48px;border-radius:50%;border:2px solid hsla(0,0%,100%,.1)}.github-section .github-user-info .github-user-details{display:flex;flex-direction:column;gap:.25rem}.github-section .github-user-info .github-user-details .github-username{font-size:1.1rem;font-weight:600;color:#fff}.github-section .github-user-info .github-user-details .github-profile-link{color:#58a6ff;text-decoration:none;font-size:.9rem;transition:color .2s ease}.github-section .github-user-info .github-user-details .github-profile-link:hover{color:#79b8ff;text-decoration:underline}.github-section .github-repos .repo-list{display:flex;flex-direction:column;margin-top:.5rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.03);overflow:hidden}.github-section .github-repos .repo-list .repo-item,.github-section .github-repos .repo-list .repo-list-header{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;grid-column-gap:1.5rem;column-gap:1.5rem}.github-section .github-repos .repo-list .repo-list-header{background:#f3f4f6;color:#374151;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border-bottom:1px solid #e5e7eb;text-align:left;letter-spacing:.01em}.github-section .github-repos .repo-list .repo-list-header .header-cell:not(:last-child){border-right:1px solid #e5e7eb}.github-section .github-repos .repo-list .repo-item{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;font-size:1rem;background:#fff;transition:background .15s;text-align:left;position:relative}.github-section .github-repos .repo-list .repo-item:hover{background:#f1f5f9}.github-section .github-repos .repo-list .repo-item:last-child{border-bottom:none}.github-section .github-repos .repo-list .repo-item .repo-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.github-section .github-repos .repo-list .repo-item .repo-name{font-size:1.08rem;font-weight:700;color:#1e293b;margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.github-section .github-repos .repo-list .repo-item .repo-description{font-size:.93rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.github-section .github-repos .repo-list .repo-item .repo-visibility{display:inline-block;padding:.25rem .85rem;border-radius:999px;font-size:.95rem;font-weight:600;text-align:center;background:#f1f5f9;color:#64748b;border:1px solid #e5e7eb}.github-section .github-repos .repo-list .repo-item .repo-visibility.public{background:#e6fbe9;color:#15803d;border:1px solid #bbf7d0}.github-section .github-repos .repo-list .repo-item .repo-visibility.private{background:#f3f4f6;color:#64748b;border:1px solid #e5e7eb}.github-section .github-repos .repo-list .repo-item .repo-updated{color:#475569;font-size:.97rem;font-weight:500;text-align:left}.github-section .github-repos .no-repos{text-align:center;padding:2rem;color:#8b949e;font-style:italic}.init-tabs{display:flex;gap:.5rem;margin-bottom:2rem;justify-content:center}.init-tabs button{background:none;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;color:#64748b;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-bottom .2s;border-radius:.5rem .5rem 0 0}.init-tabs button.active{color:#2563eb;border-bottom:2.5px solid #2563eb;background:#f8fafc;z-index:1}.init-tab-content{width:100%;max-width:600px;min-height:350px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;position:relative;box-sizing:border-box}.git-option{display:inline-block;vertical-align:top;width:100%;min-width:100%;white-space:normal}.welcome-section{background:none;box-shadow:none;padding:2rem 0 1rem;margin-bottom:2rem}.welcome-section h1.welcome-title{font-size:2.5rem;font-weight:700;color:#2563eb;margin-bottom:.5rem;letter-spacing:-1px}.welcome-section .welcome-text{font-size:1.25rem;color:#374151;margin-bottom:0}.logo.logo-white-bg{background:#fff;border-radius:12px;padding:.5rem 1.5rem;box-shadow:0 2px 8px rgba(37,99,235,.08);display:inline-block}.logo-main.logo-blue{color:#2563eb;font-weight:800;font-size:2rem;letter-spacing:-1px}.logo-sub{margin-left:.5rem;font-size:1.1rem;color:#64748b}.logo-sub .logo-by{font-weight:400;margin-right:.2rem}.logo-sub .logo-aics{font-weight:700;color:#0ea5e9}.card{border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.list-group-item{transition:background .2s,color .2s}.list-group-item.active{background:#2563eb!important;color:#fff!important}.badge.bg-info,.badge.bg-secondary{font-weight:600;border-radius:6px;padding:.3em .7em;font-size:.95em}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:hsla(0,0%,100%,.9);z-index:9999;display:flex;align-items:center;justify-content:center}