@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Fira Code,Cascadia Code,JetBrains Mono,ui-monospace,monospace;font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}a{color:inherit}button{cursor:pointer}.app-shell{overflow-x:hidden}.app-main{padding-bottom:80px}.section-container{max-width:780px;margin:0 auto;padding:32px 20px}.skills-section{max-width:700px}.featured-head,.featured-row{grid-template-columns:minmax(0,1fr) auto;gap:0 16px;padding:6px 0;font-size:12px;display:grid}.featured-row{align-items:start;font-size:13px}.projects-layout{height:calc(100vh - 120px);display:flex;overflow:hidden}.projects-list{flex:auto;min-width:0;padding:16px 20px;overflow-y:auto}.projects-controls{gap:16px;margin-bottom:12px;font-size:12px;display:flex}.projects-table-head,.project-row{grid-template-columns:minmax(0,1fr) minmax(160px,1fr) 64px;align-items:start;gap:0 16px;display:grid}.projects-table-head{padding:6px 0;font-size:12px}.project-row{width:100%;font:inherit;text-align:left;border:0;padding:8px 0;font-size:13px;transition:background .1s}.project-row span,.featured-row span,.project-meta span{overflow-wrap:anywhere}.project-row-links{text-align:right}.project-detail{flex-shrink:0;width:320px;padding:16px 20px;overflow-y:auto}.project-meta{grid-template-columns:auto minmax(0,1fr);gap:6px 16px;display:grid}.project-links{flex-wrap:wrap;gap:10px;display:flex}.project-links a{border-radius:2px;padding:4px 10px;font-size:12px;text-decoration:none}.modal-backdrop{z-index:500;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.email-modal{border-radius:4px;width:min(380px,100vw - 24px);padding:16px 20px;font-size:13px}.email-field{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:8px;margin-bottom:8px;display:grid}.email-field input,.email-field textarea{width:100%;min-width:0;font:inherit;resize:vertical;background:0 0;border:0;border-radius:0;outline:none;font-size:13px}@media (width<=760px){html,body,#root{font-size:13px}.portfolio-header{padding:12px 12px 0!important}.header-top{gap:10px!important;margin-bottom:10px!important}.ascii-logo{display:none}.profile-grid{width:100%;grid-template-columns:auto minmax(0,1fr)!important;font-size:12px!important}.header-links{justify-content:flex-start;width:100%;gap:14px!important;margin-left:0!important}.nav-tabs{margin:0 -12px;padding:0 12px;overflow-x:auto;flex-wrap:nowrap!important}.nav-tab{white-space:nowrap;flex:none;padding:8px 10px!important;font-size:12px!important}.app-main{padding-bottom:120px}.section-container,.opensource-section{max-width:none!important;padding:20px 14px 128px!important}.featured-head{display:none}.featured-row{flex-direction:column;gap:3px;padding:10px 0;display:flex}.projects-layout{flex-direction:column;height:auto;min-height:calc(100vh - 180px);padding-bottom:128px;overflow:visible}.projects-list{padding:14px;overflow:visible;border-right:0!important}.projects-table-head,.project-tilde-lines{display:none}.project-row{flex-direction:column;gap:3px;padding:12px 0;display:flex}.project-row-links{text-align:left}.project-detail{width:auto;padding:14px;overflow:visible}.project-meta{grid-template-columns:92px minmax(0,1fr)}.project-links a{text-align:center;flex:calc(50% - 10px)}.about-section{align-items:flex-start!important;padding:20px 14px 128px!important}.about-content{width:100%;text-align:left!important;max-width:none!important}.about-social-row,.about-command-row,.contact-social-row{grid-template-columns:minmax(0,1fr)!important;gap:2px!important;padding:9px 0!important;display:grid!important}.status-bar{flex-wrap:wrap!important;align-items:flex-start!important;gap:6px!important;padding:8px 12px!important}.status-left{flex-wrap:wrap;width:100%;gap:8px!important}.status-brightness,.status-wide,.status-help{display:none!important}.status-command{order:3;width:100%;flex:100%!important;justify-content:flex-start!important}.status-command input{width:100%!important}.modal-backdrop{align-items:flex-start;padding:16px 10px;overflow-y:auto}.email-modal{padding:14px}.email-field{grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:10px}}
