.drawer-window{background-color:var(--bg-terminal);border-radius:6px;box-shadow:0 0 10px #0000004d;height:100%}.drawer-header{align-items:center;background-color:var(--bg-secondary);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:space-between;padding:8px}.theme-toggle-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;margin-right:1rem;opacity:.8;padding:4px;transition:opacity .2s,transform .2s}.theme-toggle-btn:hover{opacity:1;transform:scale(1.1)}.drawer-close-icon{color:var(--text);cursor:pointer;font-size:1.2rem;margin-right:.5rem}.drawer-content{font-family:Fira Mono,monospace;font-size:14px;height:calc(100% - 35px);overflow-y:auto;padding:8px}.tree-item{align-items:center;color:var(--text);cursor:pointer;display:flex;font-weight:600;margin-top:6px;padding:4px 8px 4px 24px}.tree-item:hover{background-color:var(--bg-tertiary);transition:all .3s ease}.tree-item.active,.tree-item:hover{border-radius:12px;color:var(--text-accent)}.tree-item.active{background-color:var(--border-color)}.section-title{align-items:center;border-bottom:none;color:var(--external-link);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;margin:0;padding:4px 0;text-transform:uppercase}.section-container{margin-bottom:12px}.section-header{align-items:center;cursor:pointer;display:flex;padding:4px 8px}.section-header:hover{background-color:var(--border-color);border-radius:6px}.section-title:before{content:"▾";display:inline-block;transition:transform .2s}.section-title.collapsed:before{transform:rotate(-90deg)}.section-content{max-height:1000px;overflow:hidden;transition:max-height .3s ease-out}.section-content.collapsed{max-height:0}.subsection-container{margin-left:8px}.subsection-container .section-header{padding-left:8px}.subsection-container .section-title{color:var(--subsection-title);font-size:.9em}.subsection-container .section-content{margin-left:12px}.drawer-window.hidden{display:none}@media (max-width:768px){.drawer-window{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(var(--bg-terminal),.8);border-radius:0;box-shadow:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.drawer-window.visible{opacity:1;transition:opacity .3s ease;z-index:1000}.drawer-header{align-items:center;border-radius:0;display:flex;justify-content:space-between}.drawer-content{height:calc(100% - 50px);padding:16px}}.project-title{margin-bottom:0;margin-top:0;text-align:center}.tech-stack{display:flex;gap:10px;justify-content:center;margin-bottom:20px;margin-top:10px}.tech-icon{border-radius:25%;cursor:pointer;height:32px;margin:4px;object-fit:contain;position:relative;width:32px}.tech-icon:hover{transform:scale(1.1)}.tech-icon-wrapper{display:inline-block;position:relative}.tooltip{background-color:#333;border-radius:4px;bottom:120%;box-shadow:0 2px 5px #0003;color:#fff;font-size:12px;opacity:0;padding:6px 10px;visibility:hidden;white-space:nowrap}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";top:100%}.tech-icon-wrapper:hover .tooltip{opacity:1;visibility:visible}@media (max-width:768px){.tech-stack{flex-wrap:wrap;justify-content:center;margin-top:30px}}.terminal-content{color:var(--text);line-height:1.5;text-shadow:0 0 1px var(--text);white-space:pre-line}.terminal-content var{color:var(--text-accent);font-style:normal;text-shadow:0 0 1px var(--text-accent)}.terminal-content a{color:var(--external-link);text-decoration:underline;text-shadow:0 0 1px var(--external-link);text-underline-offset:3px;transition:color .2s ease}.terminal-content a:hover{color:var(--external-link-hover)}.terminal-content a var{color:inherit}.internal-link{color:var(--internal-link)!important;text-decoration:none!important;text-shadow:0 0 1px var(--internal-link);text-underline-offset:3px}.internal-link:hover{color:var(--internal-link-hover)!important}.challenges{color:var(--text-accent);font-size:1rem;font-style:italic;font-weight:700;text-decoration:underline;text-underline-offset:4px}.underline{color:var(--text)!important;text-decoration:underline!important;text-underline-offset:4px}.code-block{background-color:var(--bg-terminal);border:1px solid var(--border-color);border-radius:4px;font-family:Fira Mono,monospace;font-size:.9em;margin:8px 0;overflow-x:auto;padding:12px}.code-block pre{margin:0;white-space:pre}.code-line{color:var(--text);display:block}.code-comment{color:var(--gray)}.code-keyword{color:var(--text-accent)}.code-string{color:var(--internal-link)}h1{font-size:2.5rem}h1,h2{font-weight:700}h2{font-size:1.1rem;font-style:italic;margin-bottom:0;text-decoration:underline;text-underline-offset:4px}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.2rem}}.homepage-container{background-color:var(--bg-primary);display:flex;gap:20px;height:100vh;min-height:100vh;overflow:hidden;padding:20px}.drawer-section{flex:1 1;height:100%;max-width:300px;overflow:hidden}.terminal-section{flex:2 1;height:100%;overflow:hidden}.content-wrapper{margin:0 auto;max-width:1200px}.content-wrapper.mobile{padding:1rem}.terminal-container{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 0 10px #0000004d;margin-top:2rem}.terminal-header{align-items:center;background-color:var(--bg-tertiary);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:.5rem 1rem}.language-switcher{display:flex;gap:5px}.lang-btn{background:none;border:none;border-radius:4px;cursor:pointer;opacity:.7;padding:2px;transition:opacity .2s,transform .2s}.lang-btn:hover{opacity:1;transform:scale(1.1)}.lang-btn.active{background-color:#fff3;box-shadow:0 0 0 2px #fff3;opacity:1}.terminal-buttons{display:flex;gap:.5rem;margin-right:1rem}.terminal-buttons span{border-radius:50%;height:12px;width:12px}.close{background-color:#ff5f56}.minimize{background-color:#ffbd2e}.maximize{background-color:#27c93f}.terminal-title{color:var(--gray);font-size:.9rem}.terminal-window{background-color:var(--bg-terminal);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.cursor{animation:blink 1s step-end infinite;background-color:var(--text);display:inline-block;height:1rem;margin-left:2px;vertical-align:middle;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-content{flex:1 1;font-family:Fira Mono,monospace;font-size:14px;line-height:1.6;overflow-y:auto;padding:1.5rem}@media (max-width:768px){.homepage-container{display:block;flex-direction:column;height:auto;min-height:100vh;overflow:visible;padding:1rem .5rem .5rem}.drawer-section,.terminal-section{flex:none;height:auto;max-width:100%;overflow:visible}.terminal-window{display:block;flex-direction:row;height:auto}.terminal-content{flex:none;max-height:none;overflow-y:visible;padding:1rem}.drawer-toggle-icon{color:var(--gray);font-size:1.4rem;font-weight:700;padding:.6rem}.content-wrapper,.terminal-header{padding:1rem}.language-switcher{gap:20px}.lang-btn{padding:1px}.terminal-buttons{gap:.3rem}.terminal-title{font-size:.8rem}}:root{--spacing-xs:0.4rem;--spacing-sm:0.8rem;--spacing-md:1.6rem;--spacing-lg:2.4rem;--spacing-xl:3.2rem;--font-size-small:1.2rem;--font-size-medium:1.4rem;--font-size-large:1.6rem;--font-size-h1:4rem;--font-size-h2:3rem;--font-size-h3:2rem;--font-size-h4:1.5rem;--animation-fast:200ms;--animation-medium:300ms;--animation-slow:500ms;--z-header:1000;--z-modal:2000;--mobile-width:768px;--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--bg-terminal:#f6f8fa;--border-color:#e6eff8;--gray:#8b949e;--text:#464d55;--text-accent:#eb784a;--external-link:#55b2d6;--external-link-hover:#b0e2ff;--internal-link:#5c5ed4;--internal-link-hover:#b0b2ff;--subsection-title:#b4b4b4}[data-theme=dark]{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-terminal:#1e1e1e;--border-color:#30363d;--gray:#8b949e;--text:#e6edf3;--text-accent:#ffa07a;--external-link:#87ceeb;--external-link-hover:#b0e2ff;--internal-link:#8e90fa;--internal-link-hover:#b0b2ff;--subsection-title:#666}.app-container{display:flex;flex-direction:column;position:relative;width:100%}.content-container{display:flex;flex:1 1;flex-direction:column}.content-container main{flex:1 1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#161b22}::-webkit-scrollbar-thumb{background:#21262d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffa07a}@font-face{font-family:CustomFont;font-style:normal;font-weight:400;src:url(/static/media/Montserrat-VariableFont_wght.7e687123cd4528224ce5.ttf) format("truetype")}select option{background-color:var(--background-color);color:var(--text-color);padding:12px}select option:hover{background-color:var(--hover-color)}select::-webkit-scrollbar{width:8px}select::-webkit-scrollbar-track{background:#0000001a}select::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}select{scrollbar-color:#0000004d #0000001a;scrollbar-width:thin}
/*# sourceMappingURL=main.12ceb788.css.map*/