:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;scroll-snap-type:y mandatory;--gradient: linear-gradient(-90deg, black, white, rgb(77, 77, 77), white, black);--near-white: #fafafa;--near-black: #252525;--title-light: #474747;--title-dark: #9f9f9f;--light-gray: #b4b4b4}::-webkit-scrollbar{width:.3vw;height:.3vw}::-webkit-scrollbar-thumb{background-color:gray;border-radius:100vw}::-webkit-scrollbar-thumb:hover{background-color:#5d5d5d}body{min-height:100%;margin:0}.container{position:relative;background-color:var(--near-white);height:100vh;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;transition:background-color .2s ease-in-out}#dark .container{background-color:var(--near-black)}h1{color:var(--title-light);transition:color .2s .24s}#dark h1{color:var(--title-dark)}h2{margin:0;color:var(--near-white)}#dark h2{color:var(--near-black)}p{color:var(--near-white);margin:0;font-weight:500}#dark p{color:var(--near-black)}small{color:gray;font-size:1.3vw}#dark small{color:var(--near-white)}.icon{position:absolute;top:20px;right:20px}.icon:hover{cursor:pointer}.icon:active{transform:scale(.9)}#dark .icon{color:#9f9f9f}.moniker{background-image:var(--gradient);background-size:300%;background-position:right;transition:all .5s}.moniker:hover{background-position:left}.moniker-reverse{background-image:var(--gradient);background-size:300%;background-position:left;transition:all .5s}.moniker-reverse:hover{background-position:right}.moniker-subtitle{position:absolute;right:0;bottom:-22px;font-size:8vw;color:var(--near-black)}#dark .moniker-subtitle{color:var(--near-white)}@media (min-width: 500px){.moniker-subtitle{bottom:0;font-size:2vw}}.quote{color:var(--near-black)}#dark .quote{color:var(--near-white)}.about{width:80%;text-align:justify;font-weight:500;color:var(--near-black)}@media (min-width: 500px){.about{width:500px}}#dark .about{color:var(--near-white)}.display-flex{display:flex;justify-content:center;align-items:center}.featured{flex:1;width:100%;position:relative;overflow:hidden;border-bottom:1px solid var(--title-dark);background-color:var(--near-black);color:var(--near-white)}.featured__content{row-gap:.5vw;padding-left:30px;flex-direction:column;align-items:flex-start;justify-content:center;flex:1.5;width:100%;height:100%}.featured__content-title{column-gap:20px;font-size:4vw;font-weight:700}.featured__content-title-icon{width:3.5vw;height:3.5vw}.featured__content-projects-title-icon{width:2.8vw;height:2.8vw}.featured__content-body{font-size:1.2vw}#dark .featured{background-color:var(--light-gray)}.featured:before{content:"Featured Project";display:flex;justify-content:center;align-items:center;color:var(--near-black);font-size:5vw;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--near-white);transition:all .25s cubic-bezier(.9,0,.86,.5)}.featured-writing:before{content:"Featured Writing"}.featured-video:before{content:"Featured Video"}.featured-tweet:before{content:"Featured Tweet"}#dark .featured:before{background-color:var(--near-black);color:var(--near-white)}.featured:hover:before{transform:translate(100%)}a{color:var(--title-dark);column-gap:10px;transition:color .2s,column-gap .2s,transform .2s;text-decoration:none}#dark a{color:var(--title-light)}#dark a:hover{color:var(--near-white)}a:hover{color:var(--near-white);cursor:pointer;column-gap:3px;transform:translate(5px) translateY(-1px)}.socials{font-size:2.5vw}.socials:hover{color:var(--near-black)}@media (max-width: 500px){.featured{flex-direction:column-reverse}.featured__content{flex:4;row-gap:7px;justify-content:flex-start;width:91%;padding-left:0}.featured__content-title{column-gap:10px;font-size:6vw}.featured__content-title-icon,.featured__content-projects-title-icon{width:6vw;height:6vw}small{font-size:2.5vw}.featured__content-body{font-size:.9rem}.featured__link{font-size:5vw}.hide-on-mobile{display:none}.socials{font-size:6vw}}.agent-container{flex-direction:column;justify-content:flex-start;padding:40px 20px;overflow:hidden;box-sizing:border-box}.agent-header{text-align:center;flex-shrink:0;margin-bottom:40px}.agent-title{font-size:3.5vw;font-weight:700;margin:0;letter-spacing:-.5px}.agent-subtitle{color:var(--title-light);margin:8px 0 0;font-size:1rem}#dark .agent-subtitle{color:var(--title-dark)}.ide{width:75%;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:0;overflow:hidden;border:1px solid #d4d4d4;box-shadow:0 4px 24px #00000014}#dark .ide{border-color:#3e3e3e;box-shadow:0 4px 24px #0000004d}.ide-titlebar{height:38px;display:flex;align-items:center;padding:0 12px;position:relative;background:#e8e8e8;flex-shrink:0}#dark .ide-titlebar{background:#323233}.ide-dots{display:flex;gap:6px}.ide-dot{width:12px;height:12px;border-radius:50%}.ide-titlebar-text{position:absolute;left:50%;transform:translate(-50%);font-size:13px;color:#666}#dark .ide-titlebar-text{color:#999}.ide-menu-btn{display:none;margin-left:auto;background:none;border:none;cursor:pointer;color:#666;padding:2px}#dark .ide-menu-btn{color:#999}.ide-body{display:flex;flex:1;min-height:0;position:relative}.ide-sidebar{width:220px;flex-shrink:0;overflow-y:auto;background:#f3f3f3;border-right:1px solid #e0e0e0}#dark .ide-sidebar{background:#252526;border-right-color:#3e3e3e}.ide-sidebar-header{font-size:11px;font-weight:600;letter-spacing:1px;padding:8px 12px;color:#888}.ide-sidebar-item{display:flex;align-items:center;gap:4px;padding:3px 8px;cursor:pointer;font-size:13px;color:#333;-webkit-user-select:none;user-select:none}.ide-sidebar-item:hover{background:#e8e8e8}.ide-sidebar-item--active{background:#e0e0e0}#dark .ide-sidebar-item{color:#ccc}#dark .ide-sidebar-item:hover{background:#2a2d2e}#dark .ide-sidebar-item--active{background:#37373d}.ide-sidebar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:rgba(0,0,0,.3)}.ide-main{display:flex;flex-direction:column;flex:1;min-width:0}.ide-tabs{display:flex;overflow-x:auto;flex-shrink:0;background:#f3f3f3;border-bottom:1px solid #e0e0e0}#dark .ide-tabs{background:#252526;border-bottom-color:#3e3e3e}.ide-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap;border-right:1px solid #e0e0e0;flex-shrink:0;background:#ececec;color:#666}#dark .ide-tab{background:#2d2d2d;color:#969696;border-right-color:#3e3e3e}.ide-tab--active{background:#fff;color:#333}#dark .ide-tab--active{background:#1e1e1e;color:#fff}.ide-tab-close{opacity:.5;flex-shrink:0}.ide-tab-close:hover{opacity:1}.ide-content{flex:1;overflow-y:auto;overflow-x:auto;overscroll-behavior:contain;padding:16px;background:#fff}#dark .ide-content{background:#1e1e1e}.ide-content-text{margin:0;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:#333}#dark .ide-content-text{color:#d4d4d4}.ide-empty{display:flex;align-items:center;justify-content:center;height:100%}.ide-empty-text{color:#999}@media (max-width: 500px){.agent-container{padding:20px 10px}.agent-title{font-size:8vw}.agent-subtitle{font-size:3.5vw}.ide{width:92%}.ide-menu-btn{display:block}.ide-sidebar{display:none;position:absolute;top:0;left:0;bottom:0;z-index:10;width:260px;box-shadow:4px 0 12px #00000026}.ide-sidebar--open{display:block}.ide-content-text{font-size:11px}.ide-tab-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}}.md-header,.md-fence,.md-inline-code{color:maroon}.md-bold{font-weight:700}.md-yaml-key{color:#0451a5}.md-yaml-val{color:#a31515}.md-punct{color:gray}.md-hr{color:navy}.md-blockquote,.md-list-marker,.md-bracket{color:inherit}.md-url{color:#00f}.md-link{text-decoration:underline;cursor:pointer}.md-link:hover{color:#4040ff}#dark .md-header{color:#569cd6}#dark .md-fence,#dark .md-inline-code{color:#ce9178}#dark .md-yaml-key{color:#569cd6}#dark .md-yaml-val{color:#ce9178}#dark .md-blockquote{color:#569cd6}#dark .md-list-marker,#dark .md-bracket{color:inherit}#dark .md-url{color:#3794ff}#dark .md-link:hover{color:#5ab0ff}.code-keyword{color:#00f}.code-string{color:#a31515}.code-comment{color:green}.code-number{color:#098658}.code-punct{color:#333}.code-variable{color:#001080}.code-constant{color:#00f}.code-key{color:#0451a5}.code-value{color:#a31515}.code-flag{color:#333}#dark .code-keyword{color:#569cd6}#dark .code-string{color:#ce9178}#dark .code-comment{color:#6a9955}#dark .code-number{color:#b5cea8}#dark .code-punct{color:#d4d4d4}#dark .code-variable{color:#9cdcfe}#dark .code-constant{color:#569cd6}#dark .code-key{color:#9cdcfe}#dark .code-value{color:#ce9178}#dark .code-flag{color:#d4d4d4}