@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/font/ShareTechMono-Regular.woff2) format("woff2")}:root{--bg-color: #ffffff;--text-color: #333333;--secondary-text-color: #555555;--tertiary-text-color: #666666;--divider-color: rgba(0, 0, 0, .125);--hover-bg-color: rgba(0, 0, 0, .03);--shadow-color: rgba(0, 0, 0, .05);--transition-duration: .3s;--radius: 6px}[data-theme=dark]{--bg-color: #121212;--text-color: #e0e0e0;--secondary-text-color: #bbbbbb;--tertiary-text-color: #999999;--divider-color: rgba(255, 255, 255, .1);--hover-bg-color: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body,.container,.theme-toggle,.video-card,.experience-entry,.project-entry,.blog-entry,hr,.divider,.divider:after,.refresh-button,pre,code,blockquote,table,th,td{transition:background-color var(--transition-duration) ease,color var(--transition-duration) ease,border-color var(--transition-duration) ease,box-shadow var(--transition-duration) ease}.no-theme-transition,.no-theme-transition *,.no-theme-transition *:before,.no-theme-transition *:after{transition:none!important}html{overflow-x:hidden;max-width:100%}body{background-color:var(--bg-color);font-family:Share Tech Mono,monospace;font-size:16px;line-height:1.4;color:var(--text-color);overflow-x:hidden;max-width:100%;width:100%}h1{font-size:24px;font-weight:600;line-height:1.3;color:var(--text-color);padding:0 5px}h2{font-size:20px;font-weight:500;line-height:1.3;color:var(--secondary-text-color);padding:0 5px}.container{max-width:970px;margin:0 auto;padding:0 15px}.row{display:grid;grid-template-columns:repeat(11,1fr)}hr{margin:20px 0;border:none;border-top:1px solid var(--divider-color)}@media(max-width:991px){.container{padding:0 50px}}#dhead{margin-top:20px}.header-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;max-width:650px;margin:0 auto}.header-left{text-align:center;z-index:2}.header-right{display:flex;flex-direction:column;gap:10px;max-width:500px;min-width:0;margin:0 auto}#dpic img{width:110px;border-radius:5px;height:auto}#ddesc{padding-top:0}#dico{display:flex;gap:12px;justify-content:center}.iico{width:35px;height:35px;border-radius:var(--radius)}.iico[alt=X]{width:35px;height:35px;border-radius:0}.theme-toggle{display:flex;justify-content:center;align-items:center;width:35px;height:35px;background:none;border:none;outline:none;cursor:pointer}#dico a:focus,#dico a:active{outline:none}.theme-toggle svg{width:30px;height:30px;fill:var(--text-color)}.theme-icon-dark{display:block}.theme-icon-light,[data-theme=dark] .theme-icon-dark{display:none}[data-theme=dark] .theme-icon-light{display:block}.ascii-container,.ascii-art{display:flex;justify-content:center;align-items:center;width:100%;overflow:visible}.ascii-art pre{font-family:Courier New,monospace;white-space:pre;line-height:1.2;font-size:clamp(8px,2vw,14px);text-align:center;margin:0;width:auto;min-width:min-content;color:var(--text-color)}.contact-row{grid-column:1 / -1;text-align:center;margin:20px 0}.contact-col{grid-column:1 / -1}.contact-link{appearance:none;background:none;border:0;padding:0;font:inherit;color:var(--text-color);text-decoration:underline;font-weight:700;cursor:pointer;transition:color .2s ease,transform .2s ease}.contact-email{transition:opacity .3s ease-in-out;opacity:0;margin-top:10px;font-size:16px;color:var(--secondary-text-color)}.contact-email a{color:var(--secondary-text-color);text-decoration:none;transition:opacity .2s ease}@media(max-width:768px){.header-grid{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.header-left,.header-right{width:100%;display:flex;flex-direction:column;align-items:center}#dpic{width:100%;display:flex;justify-content:center}#dpic img{width:110px}.ascii-container{width:100%;padding:0 10px}.ascii-art{width:auto;min-width:min-content}.ascii-art pre{font-size:clamp(7px,2.5vw,12px);width:auto}#dico{width:100%;margin-top:10px;justify-content:center}}@media(max-width:380px){.ascii-art pre{font-size:clamp(5px,2vw,8px)}#dpic img{width:100px}}
