.ide-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--bg-primary);font-family:var(--font-primary)}.ide-tabs{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 var(--space-4);height:40px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.ide-tabs__list{display:flex;align-items:stretch;gap:0;height:100%}.ide-tab{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);background:0 0;border:none;border-right:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.ide-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ide-tab--active{color:var(--text-primary);background:var(--bg-primary);border-bottom:2px solid var(--accent-primary);margin-bottom:-1px}.ide-tab__icon{width:14px;height:14px;opacity:.7}.ide-tab__icon--html{color:#e44d26}.ide-tab__icon--md{color:#519aba}.ide-tab__icon--json{color:var(--accent-amber)}.ide-tab__icon--yaml{color:var(--accent-magenta)}.ide-tab__icon--log{color:var(--accent-green)}.ide-tabs__actions{display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-4);flex-shrink:0}.ide-main{display:flex;flex:1;overflow:hidden}.ide-sidebar{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.ide-sidebar__header{padding:var(--space-3)var(--space-4);font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border-color)}.ide-filetree{flex:1;overflow-y:auto;padding:var(--space-2)0}.ide-filetree__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border-left:2px solid transparent}.ide-filetree__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.ide-filetree__item--active{background:var(--accent-light);color:var(--accent-primary);border-left-color:var(--accent-primary)}.ide-filetree__icon{width:16px;height:16px;flex-shrink:0}.ide-filetree__folder{padding-left:var(--space-3);margin-top:var(--space-2)}.ide-filetree__folder-name{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase}.ide-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.ide-editor__content{flex:1;overflow-y:auto;padding:var(--space-6)}.ide-code-block{display:flex;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.ide-code-block__lines{background:var(--bg-secondary);padding:var(--space-4)var(--space-3);border-right:1px solid var(--border-color);text-align:right;user-select:none}.ide-code-block__line-num{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.7;display:block}.ide-code-block__content{flex:1;padding:var(--space-4);overflow-x:auto}.syntax-comment{color:var(--text-muted);font-style:italic}.syntax-keyword{color:var(--accent-magenta);font-weight:var(--font-weight-medium)}.syntax-string{color:var(--accent-green)}.syntax-number{color:var(--accent-amber)}.syntax-property{color:var(--accent-teal)}.syntax-function{color:#dcdcaa}.syntax-variable{color:#9cdcfe}.syntax-tag{color:#569cd6}.syntax-attr{color:#9cdcfe}.syntax-punctuation{color:var(--text-secondary)}[data-theme=dark] .syntax-function{color:gold}[data-theme=dark] .syntax-variable{color:#7ec8e3}[data-theme=dark] .syntax-tag{color:#60a5fa}.ide-section{margin-bottom:var(--space-8)}.ide-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.ide-section__comment{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted)}.ide-section__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.ide-hero{padding:var(--space-8)0;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-8)}.ide-hero__name{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1;margin:0 0 var(--space-4)}.ide-hero__name-first{display:block;color:var(--text-primary)}.ide-hero__name-last{display:block;color:var(--accent-primary)}.ide-hero__title{font-family:var(--font-mono);font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--space-6)}.ide-hero__title::before{content:"// ";color:var(--text-muted)}.ide-hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:var(--space-6)0;font-family:var(--font-mono);font-size:var(--font-size-base)}.ide-stat{display:flex;align-items:baseline;gap:var(--space-2)}.ide-stat__keyword{color:var(--accent-magenta)}.ide-stat__name{color:var(--text-secondary)}.ide-stat__equals{color:var(--text-muted)}.ide-stat__value{color:var(--accent-amber);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.ide-stat__suffix{color:var(--accent-green)}.ide-hero__status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--accent-light);border:1px solid var(--accent-primary);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-primary);margin-bottom:var(--space-6)}.ide-hero__status-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}.ide-hero__social{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.ide-social-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.ide-social-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-light)}.ide-social-link__icon{width:16px;height:16px}.ide-social-link__text::before{content:"open(";color:var(--syntax-keyword)}.ide-social-link__text::after{content:")";color:var(--syntax-keyword)}.ide-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-normal)}.ide-card:hover{border-color:var(--accent-primary);box-shadow:var(--glow-teal)}.ide-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.ide-card__logo{width:40px;height:40px;object-fit:contain;border-radius:var(--radius-md);background:#fff;padding:4px}.ide-card__meta{flex:1}.ide-card__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.ide-card__subtitle{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-primary);margin:0}.ide-card__content{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.ide-grid{display:grid;gap:var(--space-4)}.ide-grid--2col{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ide-grid--3col{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ide-grid--4col{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ide-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-4)}.ide-skill{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.ide-skill:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ide-skill__icon{width:40px;height:40px;object-fit:contain}.ide-skill__name{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.ide-timeline{position:relative;padding-left:var(--space-6)}.ide-timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border-color)}.ide-timeline__item{position:relative;padding-bottom:var(--space-6)}.ide-timeline__item::before{content:"";position:absolute;left:calc(-1 * var(--space-6) - 1px);top:6px;width:12px;height:12px;background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:50%}.ide-timeline__date{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-primary);margin-bottom:var(--space-2)}.ide-timeline__date::before{content:"commit ";color:var(--text-muted)}.ide-timeline__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.ide-timeline__card:hover{border-color:var(--accent-primary)}.ide-certs{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.ide-cert{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);text-decoration:none;transition:transform var(--transition-fast)}.ide-cert:hover{transform:scale(1.05)}.ide-cert__image{width:60px;height:60px;object-fit:contain}.ide-cert__title{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.ide-commits{display:flex;flex-direction:column;gap:var(--space-3)}.ide-commit{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.ide-commit:hover{border-color:var(--accent-primary);background:var(--accent-light)}.ide-commit__hash{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-amber);flex-shrink:0}.ide-commit__message{flex:1}.ide-commit__title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.ide-commit__date{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.ide-statusbar{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 var(--space-4);background:var(--accent-primary);color:var(--bg-primary);font-family:var(--font-mono);font-size:12px;flex-shrink:0}.ide-statusbar__left,.ide-statusbar__right{display:flex;align-items:center;gap:var(--space-4)}.ide-statusbar__item{display:flex;align-items:center;gap:var(--space-1);color:inherit;text-decoration:none}.ide-statusbar__item:hover{opacity:.8}.ide-statusbar__icon{width:14px;height:14px}.ide-map-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.ide-map{height:300px}.ide-hex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}@media(max-width:1024px){.ide-sidebar{display:none}.ide-editor__content{padding:var(--space-4)}}@media(max-width:768px){.ide-tabs{padding:0 var(--space-2)}.ide-tab{padding:0 var(--space-3);font-size:var(--font-size-xs)}.ide-hero__name{font-size:2rem}.ide-hero__stats{flex-direction:column;gap:var(--space-3)}.ide-hero__social{flex-wrap:wrap}.ide-grid--2col,.ide-grid--3col,.ide-grid--4col{grid-template-columns:1fr}.ide-statusbar{font-size:10px;padding:0 var(--space-2)}.ide-statusbar__item span{display:none}}@media(max-width:480px){.ide-tabs__actions{display:none}.ide-hero__title{font-size:var(--font-size-base)}.ide-skills{grid-template-columns:repeat(3,1fr)}.ide-certs{grid-template-columns:repeat(3,1fr)}}.ide-cursor{display:inline-block;width:2px;height:1em;background:var(--accent-primary);margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.ide-typing{overflow:hidden;white-space:nowrap;animation:typing 2s steps(40,end)}@keyframes typing{from{width:0}to{width:100%}}.ide-fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.ide-delay-1{animation-delay:.1s}.ide-delay-2{animation-delay:.2s}.ide-delay-3{animation-delay:.3s}.ide-delay-4{animation-delay:.4s}.ide-delay-5{animation-delay:.5s}.ide-delay-6{animation-delay:.6s}.ide-editor__content::-webkit-scrollbar,.ide-filetree::-webkit-scrollbar{width:8px}.ide-editor__content::-webkit-scrollbar-track,.ide-filetree::-webkit-scrollbar-track{background:var(--bg-secondary)}.ide-editor__content::-webkit-scrollbar-thumb,.ide-filetree::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.ide-editor__content::-webkit-scrollbar-thumb:hover,.ide-filetree::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}