:root{--bg-color:#fff7ed;--text-color:#333;--accent-color:#6b7c93;--accent-hover:#7a8b9a;--border-color:#DDD;--card-bg:#f4ece3;--code-bg:#f4ece3;--accent-color-rgb:107,124,147;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-color);line-height:1.6;margin:0;padding:70px 30px 30px 30px}.container{max-width:1000px;width:90%;margin:0 auto}.nav{position:fixed!important;top:20px!important;right:30px!important;text-align:right!important;width:auto!important;display:flex!important;justify-content:flex-end!important;gap:20px!important;z-index:1000!important;height:auto!important;line-height:1!important;background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border:none!important}.minimal-link{color:var(--text-color)!important;text-decoration:none!important;font-size:1.1em!important;opacity:.6!important;transition:opacity .3s!important;border-bottom:none!important;padding:0!important;margin:0!important;line-height:1!important;height:auto!important;display:inline-block!important;background:none!important;font-weight:normal!important;text-transform:lowercase!important}.minimal-link:hover{opacity:1!important;border-bottom:none!important;text-decoration:none!important}.home-body{background-color:var(--bg-color);height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:column;position:relative;padding-top:0}header{padding:20px 30px;width:100%;position:relative}.timer-container{flex:1;display:flex;justify-content:center;align-items:center}.content{max-width:800px;margin:0 auto}.section-title{font-size:2rem;margin-bottom:20px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}#timer{font-size:2em;color:var(--text-color);font-family:'Courier New',monospace;white-space:nowrap;text-align:center;min-width:300px}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.project-card{background-color:var(--card-bg);border-radius:4px;padding:25px;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.project-card h2{margin-bottom:15px;font-size:1.5rem}.project-card p{margin-bottom:20px;opacity:.8}.btn{display:inline-block;padding:8px 15px;background-color:var(--accent-color);color:white;text-decoration:none;border-radius:4px;transition:background-color .3s}.btn:hover{background-color:var(--accent-hover)}.doc-section{margin-bottom:40px}.doc-section h2{font-size:1.8rem;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.doc-section img{max-width:100%;height:auto;margin:20px 0;border-radius:4px}.doc-section pre{background-color:var(--code-bg);padding:15px;border-radius:4px;overflow-x:auto;margin:15px 0}.doc-section ul{padding-left:20px}.doc-section li{margin-bottom:8px}.button-container{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}@media(max-width:768px){#timer{font-size:1.5em}.projects{grid-template-columns:1fr}}.theme-toggle{position:fixed!important;top:20px!important;left:30px!important;z-index:1000!important;background:none!important;border:none!important;cursor:pointer!important;opacity:.6!important;transition:all .3s ease!important;color:var(--text-color)!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;font-size:1.1em!important;padding:0!important;margin:0!important;text-transform:lowercase!important;outline:none!important}.theme-toggle:hover{opacity:1!important;transform:translateY(-1px)!important;text-shadow:0 0 2px rgba(var(--text-color-rgb,51,51,51),0.2)!important}.theme-toggle:active{transform:translateY(0)!important}[data-theme="dark"]{--bg-color:#1E1E1E;--text-color:#E0E0E0;--accent-color:#7a8b9a;--accent-hover:#8b9caa;--border-color:#444;--card-bg:rgba(40,40,40,0.7);--code-bg:#2D2D2D}body,.project-card,.btn,pre,.minimal-link,#timer{transition:background-color .3s,color .3s}.nav-icon{width:16px;height:16px;margin-right:6px;vertical-align:text-bottom;opacity:.6;transition:opacity .3s ease;position:relative;top:-3px}.minimal-link:hover .nav-icon{opacity:1}a[href="projects.html"] .nav-icon{animation:folderOpen 4s ease-in-out infinite}@keyframes folderOpen{0%,100%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-2deg)}50%{transform:scale(1.05) rotate(1deg)}75%{transform:scale(1.08) rotate(-1deg)}}