.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:100;box-shadow:var(--shadow-sm)}.sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light);background-color:var(--bg-primary);position:relative}.sidebar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-family:var(--font-display)}.sidebar-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:0;line-height:1.4}.sidebar-degrees{display:flex;flex-direction:column;gap:1px;margin-top:var(--spacing-xs)}.sidebar-degrees .sidebar-subtitle{font-size:var(--font-size-xs);line-height:1.5}.theme-toggle-sidebar{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px;border:none;border-radius:50%;background-color:var(--bg-sidebar-hover);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-sidebar:hover{background-color:var(--bg-sidebar-active);transform:scale(1.05)}.sidebar-nav{flex:1;padding:var(--spacing-md) 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);margin:2px var(--spacing-sm);border-radius:var(--border-radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s ease;position:relative;font-weight:var(--font-weight-normal);font-size:var(--font-size-sm)}.nav-item:hover{background-color:var(--bg-sidebar-hover);transform:translate(2px)}.nav-item.active{background-color:var(--bg-sidebar-active);font-weight:var(--font-weight-medium);color:var(--text-primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--text-primary);border-radius:0 2px 2px 0}.nav-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);width:20px;flex-shrink:0;color:var(--text-secondary)}.nav-label{flex:1}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-light);text-align:center}.social-links{display:flex;justify-content:center;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-sidebar-hover);border-radius:50%;text-decoration:none;font-size:1.2rem;transition:all .2s ease;border:1px solid var(--border-light);color:var(--text-secondary)}.social-link svg{width:20px;height:20px;transition:all .2s ease}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.social-link.github:hover{background-color:#333;color:#fff}.social-link.linkedin:hover{background-color:#0077b5;color:#fff}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.footer-text{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:0}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;right:0;width:100%;height:var(--header-height);flex-direction:row;overflow-x:auto;overflow-y:hidden}.sidebar-header{min-width:200px;padding:var(--spacing-md) var(--spacing-lg);border-right:1px solid var(--border-light);border-bottom:none}.sidebar-title{font-size:var(--font-size-lg);margin-bottom:0}.sidebar-subtitle{display:none}.sidebar-nav{display:flex;flex-direction:row;padding:0;align-items:center}.nav-item{white-space:nowrap;margin:0 var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-width:fit-content}.nav-item.active:before{display:none}.sidebar-footer{display:none}}.page-container{max-width:100%;animation:fadeIn .5s ease-out}.page-header{margin-bottom:var(--spacing-2xl);text-align:left}.page-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-display)}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:0;font-weight:var(--font-weight-normal)}.note-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);transition:all .2s ease}.note-card:hover{box-shadow:var(--shadow-md)}.note-content{padding:var(--spacing-2xl)}.note-content h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-medium)}.note-content h4{color:var(--text-primary);font-size:var(--font-size-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium)}.note-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.note-content em{font-style:italic;color:var(--text-tertiary);display:block;text-align:center;margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border-left:3px solid var(--text-tertiary)}.note-content ul+h4{margin-top:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.project-icon-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background-color:var(--bg-primary);border:1px solid var(--border-light);transition:all .3s ease;box-shadow:var(--shadow-sm)}.project-icon-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-medium);background-color:var(--bg-secondary)}.project-icon-container{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.project-animated-icon{display:flex;align-items:center;justify-content:center;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.project-icon-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-display)}.project-icon-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.project-icon-container{width:60px;height:60px;border-radius:15px}.project-animated-icon{display:flex;align-items:center;justify-content:center}.project-icon-title{font-size:var(--font-size-base)}}.project-detail-header{margin-bottom:var(--spacing-2xl)}.back-link{display:inline-flex;align-items:center;color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);transition:color .2s ease}.back-link:hover{color:var(--text-primary)}.project-detail-title{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.project-detail-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);box-shadow:var(--shadow-md);flex-shrink:0}.project-detail-title h1{margin-bottom:var(--spacing-sm)}.project-image-large{width:100%;height:300px;background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-size-lg);border:2px dashed var(--border-medium)}.project-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.project-detail-section h4{margin-bottom:var(--spacing-md)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.project-link.primary{background-color:var(--text-primary);color:var(--bg-primary)}.project-link.primary:hover{background-color:var(--text-secondary)}@media (max-width: 768px){.project-detail-title{flex-direction:column;text-align:center}.project-detail-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-image-large{height:200px}}.profile-section{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);align-items:flex-start}.profile-photo{flex-shrink:0;align-self:flex-start}.profile-image{width:160px;height:200px;object-fit:cover;object-position:center top;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease}.profile-image:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.profile-info h3{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.4rem;font-weight:600;color:var(--text-primary)}.profile-info p{margin-bottom:0;line-height:1.6}.profile-description{margin-bottom:var(--spacing-xl)}.profile-description p{margin-bottom:var(--spacing-md);line-height:1.6}.profile-description p:last-child{margin-bottom:0}.resume-section{margin:var(--spacing-xl) 0;display:flex;justify-content:center}.resume-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--bg-secondary);border:2px solid var(--border-medium);border-radius:var(--border-radius-lg);text-decoration:none;color:var(--text-primary);transition:all .3s ease;cursor:pointer;box-shadow:var(--shadow-sm)}.resume-button:hover{background-color:var(--bg-sidebar-hover);border-color:var(--text-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.resume-icon{font-size:1.5rem;flex-shrink:0}.resume-text{display:flex;flex-direction:column;gap:2px}.resume-text strong{font-size:1rem;font-weight:600;color:var(--text-primary)}.resume-text small{font-size:.85rem;color:var(--text-secondary);font-weight:400}.profile-photo-placeholder{flex-shrink:0;width:150px;height:200px;background-color:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .2s ease}.profile-photo-placeholder:hover{border-color:var(--text-tertiary);background-color:var(--bg-sidebar-hover)}.photo-icon{font-size:var(--font-size-2xl);opacity:.6}.photo-text{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin:0;font-weight:var(--font-weight-medium);padding:0 var(--spacing-sm);line-height:1.3}.profile-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.profile-info h3{margin-top:0;margin-bottom:var(--spacing-md)}.profile-info p{margin-bottom:var(--spacing-md);line-height:1.6}.profile-info p:last-child{margin-bottom:0}@media (max-width: 768px){.profile-section{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.profile-image,.profile-photo-placeholder{width:120px;height:160px;margin-bottom:var(--spacing-md)}.profile-info{min-height:auto}.profile-description{text-align:left;margin-bottom:var(--spacing-lg)}.resume-button{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm)}.resume-text strong{font-size:.9rem}.resume-text small{font-size:.8rem}}.section-grid{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.section-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .2s ease}.section-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.card-icon{font-size:var(--font-size-2xl);margin-right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-secondary);transition:all .2s ease}.card-icon svg{width:24px;height:24px}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.card-content{color:var(--text-secondary);line-height:1.6}.tag{display:inline-block;background-color:var(--bg-secondary);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.tag.primary{background-color:var(--text-primary);color:var(--bg-primary)}.project-image{width:100%;height:200px;background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--font-size-sm);border:1px solid var(--border-light)}.project-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.project-link{color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-medium);border-radius:var(--border-radius-sm);transition:all .2s ease;font-size:var(--font-size-sm)}.project-link:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary)}@media (max-width: 768px){.page-header h1{font-size:var(--font-size-3xl)}.note-content{padding:var(--spacing-xl)}.section-card{padding:var(--spacing-lg)}}.education-timeline{display:flex;flex-direction:column;gap:var(--spacing-xl)}.education-card{position:relative}.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.education-info{flex:1}.education-info h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1.4rem;font-weight:600}.education-info h3{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;font-weight:500}.university-link{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.university-link:hover{color:var(--text-secondary)}.education-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.education-achievements{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.duration{color:var(--text-secondary);font-size:.9rem;font-weight:500}.platform{background-color:#007acc;color:#fff;padding:3px 8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievement{background-color:var(--bg-secondary);color:var(--text-primary);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;border:1px solid var(--border-light)}.university-logo{flex-shrink:0;width:120px;height:120px}.university-logo a{display:block;width:100%;height:100%;transition:transform .2s ease}.university-logo a:hover{transform:scale(1.05)}.university-logo img{width:100%;height:100%;object-fit:contain;border-radius:var(--border-radius-md)}.dark-theme .ucl-logo img{filter:brightness(2.5) saturate(1.2)}.education-content h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1rem;font-weight:600}.coursework-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.course-item{background-color:var(--bg-secondary);color:var(--text-primary);padding:6px 12px;border-radius:var(--border-radius-full);font-size:.85rem;font-weight:500;border:1px solid var(--border-light);transition:all .2s ease}.course-item:hover{background-color:var(--bg-sidebar-hover);transform:translateY(-1px)}.education-description{color:var(--text-secondary);line-height:1.6;margin:0;font-style:italic}.education-content ul{color:var(--text-secondary);margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.education-content li{color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.6}.content-section{margin-top:var(--spacing-xl)}.content-section h4{color:var(--text-primary);font-size:var(--font-size-lg);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium)}.content-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.content-section ul{color:var(--text-secondary);margin:var(--spacing-md) 0}.content-section li{color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.6}.no-bullets{list-style:none;padding-left:0}.no-bullets li{color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.6}@media (max-width: 768px){.education-header{flex-direction:column;gap:var(--spacing-md)}.university-logo{width:80px;height:80px;align-self:center}.education-meta{flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.education-achievements{margin-top:var(--spacing-xs)}.coursework-grid{gap:var(--spacing-xs)}.course-item{font-size:.8rem;padding:4px 8px}}.page-container *,.note-card *,.project-header *,.interface-section *,.metrics-grid *,.highlight-grid *,.code-section *,.validation-points *{list-style:none!important;list-style-type:none!important}.page-container ul,.page-container ol,.page-container li{list-style:none!important;list-style-type:none!important;margin:0!important;padding:0!important}ul,ol,li{list-style:none!important;list-style-type:none!important}.note-card h2,.note-card h3,.note-card h4,.skills-demonstrated h3,.project-header h1{color:var(--text-primary)!important}.project-nav{margin-bottom:var(--spacing-xl)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);transition:all .2s ease;border:1px solid var(--border-color)}.back-button:hover{background:var(--bg-tertiary);transform:translate(-2px)}.project-header{display:flex;align-items:flex-start;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.project-icon{font-size:4rem;line-height:1;flex-shrink:0}.project-title-section h1{margin:0 0 var(--spacing-md) 0;font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.project-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.project-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:all .2s ease;border:1px solid}.project-link.github{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.project-link.github:hover{background:var(--bg-secondary)}.project-link.demo{background:#007acc;color:#fff;border-color:#007acc}.project-link.demo:hover{background:#005999;border-color:#005999;color:#fff}.key-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:var(--font-weight-bold);color:#007acc;line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.tech-section{margin-bottom:var(--spacing-2xl)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.tech-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.tech-icon{font-size:1.5rem;flex-shrink:0}.tech-item strong{display:block;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.tech-item p{margin:0;color:var(--text-secondary);font-size:.875rem}.architecture-diagram{margin-top:var(--spacing-2xl)}.diagram-placeholder{padding:var(--spacing-2xl);background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);text-align:center;color:var(--text-secondary)}.asset-classes{display:grid;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.asset-class{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.asset-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.asset-icon{font-size:1.25rem}.asset-header h4{margin:0;color:var(--text-primary)}.asset-list{color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;line-height:1.5}.strategy-visual{margin:var(--spacing-xl) 0}.grid-example{padding:var(--spacing-xl);background:var(--bg-tertiary);border-radius:var(--border-radius-md);font-family:var(--font-mono);font-size:.875rem}.grid-level{padding:var(--spacing-sm);margin:var(--spacing-xs) 0;border-radius:var(--border-radius-sm)}.grid-level.sell{background:#dc26261a;color:var(--danger-color)}.grid-level.buy{background:#22c55e1a;color:var(--success-color)}.grid-level.center{background:#3b82f61a;color:var(--accent-color);font-weight:var(--font-weight-medium)}.parameter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.parameter-item{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.parameter-item h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.parameter-item p{margin:0;color:var(--text-secondary);font-size:.875rem}.interface-section{margin-bottom:var(--spacing-2xl)}.interface-section h4{color:var(--text-primary);margin-bottom:var(--spacing-md)}.interface-screenshot{width:100%;border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);margin:var(--spacing-lg) 0}.interface-img{width:100%;height:auto;display:block;border-radius:var(--border-radius-lg)}.analytics-showcase .interface-screenshot,.results-showcase .interface-screenshot,.architecture-diagram{margin:var(--spacing-lg) 0}.architecture-diagram h3{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.architecture-diagram img,.architecture-diagram-img{max-width:100%;height:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.architecture-image{display:flex;justify-content:center;width:100%}.screenshot-placeholder{padding:var(--spacing-xl);background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0;text-align:center}.screenshot-placeholder p{margin:0;color:var(--text-secondary);font-style:italic}.feature-list{list-style:none!important;list-style-type:none!important;padding:0!important;margin:var(--spacing-lg) 0 0 0!important}.feature-list li{padding:var(--spacing-sm) 0!important;color:var(--text-secondary);position:relative!important;padding-left:var(--spacing-lg)!important;list-style:none!important;list-style-type:none!important;margin:0!important}.feature-list li:before{content:"✓"!important;position:absolute!important;left:0!important;color:var(--success-color)!important;font-weight:var(--font-weight-bold)!important}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.metric-category{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.metric-category h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.metric-category ul,.metric-list{list-style:none!important;list-style-type:none!important;padding:0!important;margin:0!important}.metric-category li,.metric-list li{padding:var(--spacing-xs) 0!important;color:var(--text-secondary);font-size:.875rem;list-style:none!important;list-style-type:none!important;position:relative!important;padding-left:var(--spacing-lg)!important;margin:0!important}.metric-category li:before,.metric-list li:before{content:"•"!important;position:absolute!important;left:0!important;color:var(--accent-color)!important;font-weight:var(--font-weight-bold)!important}.analytics-showcase{margin-top:var(--spacing-xl)}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.highlight-item{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);text-align:center}.highlight-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.highlight-item h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.highlight-item p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.code-highlight{margin-bottom:var(--spacing-xl);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-color)}.code-highlight h4{margin:0;color:var(--text-primary);font-size:.875rem;font-weight:var(--font-weight-medium);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.code-block{background:var(--bg-tertiary);border:none;border-radius:0;padding:var(--spacing-lg);font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.6;color:var(--text-primary);overflow-x:auto;margin:0;white-space:pre;-moz-tab-size:2;tab-size:2}.optimization-list{list-style:none!important;list-style-type:none!important;padding:0!important;margin:var(--spacing-lg) 0 0 0!important}.optimization-list li{padding:var(--spacing-sm) 0!important;color:var(--text-secondary);position:relative!important;padding-left:var(--spacing-lg)!important;list-style:none!important;list-style-type:none!important;margin:0!important}.optimization-list li:before{content:"⚡"!important;position:absolute!important;left:0!important}.results-showcase{margin:var(--spacing-lg) 0}.validation-points ul,.validation-list{list-style:none!important;list-style-type:none!important;padding:0!important;margin:var(--spacing-lg) 0 0 0!important}.validation-points li,.validation-list li{padding:var(--spacing-sm) 0!important;color:var(--text-secondary);position:relative!important;padding-left:var(--spacing-lg)!important;list-style:none!important;list-style-type:none!important;margin:0!important}.validation-points li:before,.validation-list li:before{content:"🔍"!important;position:absolute!important;left:0!important}.validation-points li:before{content:"🔍";position:absolute;left:0}.enhancement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.enhancement-item{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.enhancement-item h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.enhancement-item p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.impact-summary{text-align:center}.impact-summary p{font-size:1.125rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.skills-demonstrated{margin-top:var(--spacing-2xl)}.skills-demonstrated h3{text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.skill-tag{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background:#007acc;color:#fff;border-radius:var(--border-radius-full);font-size:.875rem;font-weight:var(--font-weight-medium)}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.footer-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:all .2s ease;border:1px solid var(--border-color)}.footer-link:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.performance-table{background:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden;margin:var(--spacing-lg) 0}.performance-table table{width:100%;border-collapse:collapse}.performance-table th{background:var(--surface-secondary);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;border-bottom:1px solid var(--border-subtle)}.performance-table td{padding:var(--spacing-md);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:.9rem}.performance-table tbody tr:hover{background:var(--surface-secondary)}.performance-table .model-name{font-weight:600;color:#007acc!important}.performance-table .best-value{font-weight:700;color:#007acc!important}@media (max-width: 768px){.project-header{flex-direction:column;text-align:center}.project-icon{font-size:3rem}.project-title-section h1{font-size:2rem}.tech-grid,.parameter-grid,.metrics-grid,.highlight-grid,.enhancement-grid{grid-template-columns:1fr}.key-stats{grid-template-columns:repeat(2,1fr)}.project-footer{flex-direction:column;gap:var(--spacing-md)}.project-links{justify-content:center}}.image-showcase{margin:var(--spacing-xl) 0}.showcase-item{margin-bottom:var(--spacing-xl)}.project-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.project-image:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00000026}.project-image.large{max-width:100%;min-height:400px;object-fit:contain}.image-caption{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border-radius:8px;border-left:4px solid var(--accent-color)}.image-caption h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.1rem;font-weight:600}.image-caption p{color:var(--text-secondary);line-height:1.6;margin:0}.interface-features{margin-top:var(--spacing-xl)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.feature-item{padding:var(--spacing-lg);background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.feature-icon{font-size:1.5rem;margin-bottom:var(--spacing-sm);display:block}.feature-item h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:600}.feature-item p{color:var(--text-secondary);line-height:1.5;margin:0;font-size:.9rem}.analytics-features{margin-top:var(--spacing-xl)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.analytics-item{padding:var(--spacing-lg);background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.analytics-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.analytics-icon{font-size:1.5rem;margin-bottom:var(--spacing-sm);display:block}.analytics-item h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600}.analytics-item p{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm);font-size:.9rem}.analytics-item p:last-child{margin-bottom:0}@media (max-width: 768px){.project-image.large{min-height:250px}.feature-grid,.analytics-grid{grid-template-columns:1fr}.image-caption{padding:var(--spacing-sm)}}@media (max-width: 480px){.project-image.large{min-height:200px}}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.algorithm-comparison{padding:var(--spacing-lg);background:var(--background-secondary);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.algorithm-comparison:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.algorithm-comparison h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.algorithm-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.algorithm-details p{color:var(--text-secondary);line-height:1.5;margin:0;font-size:.9rem}.algorithm-details p strong{color:var(--text-primary);font-weight:600}.code-section{margin-top:var(--spacing-xl)}.code-highlight{margin-bottom:var(--spacing-lg);background:var(--background-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.code-highlight h4{color:var(--text-primary);margin:0;padding:var(--spacing-md);background:var(--background-primary);border-bottom:1px solid var(--border-color);font-size:1rem;font-weight:600}.code-block{background:var(--background-tertiary);border:none;border-radius:0;margin:0;padding:var(--spacing-lg);font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.4;color:var(--text-primary);overflow-x:auto;white-space:pre}.results-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.validation-points{padding:var(--spacing-lg);background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.validation-points h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem;font-weight:600}.validation-list{list-style:none!important;padding:0!important;margin:0!important}.validation-list li{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative;list-style:none!important}.validation-list li:before{content:"✓";color:var(--accent-color);font-weight:700;position:absolute;left:0;top:0}.validation-list li:last-child{margin-bottom:0}.validation-list li strong{color:#007acc}@media (max-width: 768px){.comparison-grid,.results-showcase{grid-template-columns:1fr}.algorithm-comparison,.validation-points{padding:var(--spacing-md)}}.performance-table table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0;background:var(--bg-secondary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000001a}.performance-table th,.performance-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--border-color)}.performance-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:.875rem;text-align:center}.performance-table td{color:var(--text-secondary);text-align:center}.performance-table td:first-child{font-weight:600;color:var(--text-primary);text-align:left;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.performance-table .highlight-cell{color:#007acc;font-weight:600}.performance-table tbody tr:hover{background:var(--bg-tertiary)}.performance-table tbody tr:last-child td{border-bottom:none}.results-analysis{margin-top:2rem;padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--border-radius-lg);border-left:4px solid var(--accent-color)}.results-analysis h4{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem}.performance-table{overflow-x:auto;margin:var(--spacing-lg) 0}@media (max-width: 768px){.performance-table table{font-size:.8rem}.performance-table th,.performance-table td{padding:var(--spacing-sm) var(--spacing-md)}.performance-table th{font-size:.75rem}.performance-table{overflow-x:auto;margin:var(--spacing-md) 0}}.main-content{flex:1;margin-left:var(--sidebar-width);background-color:var(--bg-primary);overflow-y:auto;overflow-x:hidden}.content-wrapper{padding:var(--spacing-2xl) var(--spacing-3xl);max-width:900px;margin:0 auto;min-height:100vh}.theme-toggle{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px;border:none;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-lg);cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;z-index:100;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.content-wrapper{padding:var(--spacing-xl) var(--spacing-2xl)}}@media (max-width: 768px){.portfolio-container{flex-direction:column}.main-content{margin-left:0;margin-top:var(--header-height)}.content-wrapper{padding:var(--spacing-lg) var(--spacing-md)}.theme-toggle{top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px}}.launch-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#ffd60a,#ffb700);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000}.launch-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.app-icon{width:120px;height:120px;background:#fff;border-radius:26px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #fff6;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notes-icon{width:80px;height:80px;position:relative}.icon-top{width:100%;height:20px;background:linear-gradient(180deg,#ffd60a,#ffbe0a);border-radius:4px 4px 0 0;margin-bottom:2px;position:relative}.icon-top:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,#ddd 0px,#ddd 2px,transparent 2px,transparent 6px)}.icon-lines{width:100%;height:58px;background:#f8f8f8;border-radius:0 0 4px 4px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.line{height:2px;background:#d0d0d0;border-radius:1px}.line:nth-child(1){width:90%}.line:nth-child(2){width:75%}.line:nth-child(3){width:60%}.app-name{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-display);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tap-instruction{color:#fffc;font-size:var(--font-size-sm);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark-theme .launch-screen{background:linear-gradient(135deg,#2c2c2e,#1c1c1e)}.dark-theme .app-icon{background:#48484a;box-shadow:0 8px 32px #0009,0 2px 8px #0006,inset 0 1px #ffffff1a}.dark-theme .icon-top{background:linear-gradient(180deg,#ffd60a,#ffbe0a)}.dark-theme .icon-lines{background:#2c2c2e}.dark-theme .line{background:#8e8e93}.dark-theme .app-name{color:#fff}.dark-theme .tap-instruction{color:#fff9}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #fefefe;--bg-secondary: #f5f5f5;--bg-sidebar: #f9f9f9;--bg-sidebar-hover: #efefef;--bg-sidebar-active: #e3e3e3;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--border-light: #d2d2d7;--border-medium: #c7c7cc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--sidebar-width: 280px;--header-height: 64px}.dark-theme{--bg-primary: #1c1c1e;--bg-secondary: #2c2c2e;--bg-sidebar: #2c2c2e;--bg-sidebar-hover: #3a3a3c;--bg-sidebar-active: #48484a;--text-primary: #ffffff;--text-secondary: #8e8e93;--text-tertiary: #636366;--border-light: #38383a;--border-medium: #48484a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}body{font-family:var(--font-text);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;background-color:var(--bg-primary);transition:all .3s ease}.portfolio-container{display:flex;height:100vh;background-color:var(--bg-primary);overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.fade-in{animation:fadeIn .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}