.project-detail-main{padding:8rem 1.5rem 6rem 1.5rem;max-width:1200px;margin:0 auto;color:var(--text-primary)}.project-detail-main::before,.dark-theme .project-detail-main::before{display:none!important;animation:none!important;background-image:none!important}.back-link{display:inline-block;margin-bottom:2rem;color:var(--space-blue-primary);text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform .3s}.back-link:hover{transform:translateX(-5px);color:var(--space-blue-deep)}.dark-theme .back-link{color:var(--space-blue-light)}.dark-theme .back-link:hover{color:var(--pure-white)}.project-detail-header{text-align:center;margin-bottom:4rem}.project-title{font-size:2.8rem;margin-bottom:1rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark-theme .project-title{background:linear-gradient(90deg,var(--space-blue-light),var(--pure-white));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lg-tags .badge{font-size:.9rem;padding:6px 14px}.project-content-grid{display:grid;grid-template-columns:2.5fr 1fr;gap:3rem;align-items:start}.project-details-text section{margin-bottom:3rem;background:var(--bg-light);padding:2.5rem;border-radius:16px;border:1px solid var(--interactive-border);box-shadow:0 4px 20px var(--shadow-light);overflow-wrap:break-word;word-wrap:break-word;overflow-x:hidden}.dark-theme .project-details-text section{background:var(--space-gray-800);border:1px solid var(--space-blue-medium);box-shadow:none}.project-details-text h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--space-blue-primary)}.dark-theme .project-details-text h2{color:var(--space-blue-light)}.project-details-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1rem;color:var(--text-secondary)}.dark-theme .project-details-text p{color:var(--space-gray-200)}.project-details-text ul{margin-left:2rem;margin-bottom:1.5rem}.project-details-text li{font-size:1.1rem;line-height:1.8;margin-bottom:.5rem;color:var(--text-secondary)}.dark-theme .project-details-text li{color:var(--space-gray-200)}.code-snippet-box{background:var(--cosmic-black);border-radius:8px;overflow:hidden;margin-top:2rem;border:1px solid var(--space-gray-700);max-width:100%}.snippet-title{background:var(--space-gray-900);padding:10px 15px;font-size:.9rem!important;color:var(--space-blue-pale)!important;margin:0!important;border-bottom:1px solid var(--space-gray-700)}pre{margin:0;padding:1rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}code{font-family:'Courier New',Courier,monospace;color:#a6e22e}.project-sidebar{position:sticky;top:100px}.sidebar-box{background:var(--bg-light);padding:2rem;border-radius:16px;border:1px solid var(--interactive-border);box-shadow:0 4px 20px var(--shadow-light)}.dark-theme .sidebar-box{background:var(--space-gray-800);border:1px solid var(--space-blue-medium);box-shadow:none}.sidebar-box h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-primary);border-bottom:2px solid var(--space-blue-primary);display:inline-block;padding-bottom:.5rem}.dark-theme .sidebar-box h3{color:var(--pure-white)}.stack-list{list-style:none;padding:0;margin:0}.stack-list li{display:flex;align-items:center;gap:15px;font-size:1.1rem;margin-bottom:1rem;color:var(--text-secondary)}.dark-theme .stack-list li{color:var(--space-gray-200)}.stack-list i{color:var(--space-blue-light);font-size:1.3rem;width:25px;text-align:center}.vertical-links{flex-direction:column}.vertical-links a{padding:12px;text-align:center;justify-content:center;font-size:1rem}@media(max-width:992px){.project-content-grid{grid-template-columns:1fr}.project-sidebar{position:static}}@media(max-width:768px){.project-detail-main{padding-top:6rem;padding-bottom:4rem}.project-title{font-size:2rem}.project-details-text section{padding:1.5rem;margin-bottom:2rem}.project-details-text h2{font-size:1.5rem}.project-details-text p,.project-details-text li{font-size:1rem}.code-snippet-box pre{font-size:.8rem;padding:.75rem}.sidebar-box{padding:1.5rem}}@media(max-width:480px){.project-title{font-size:1.75rem}.lg-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.lg-tags .badge{font-size:.75rem;padding:4px 10px}}