:root{--base00: #000000;--base01: #111111;--base02: #1c1c1c;--base03: #333333;--base04: #bbbbbb;--base05: #eeeeee;--base06: #ffffff;--base08: #ff4f4f;--base0A: #ffd700;--base0B: #b8b8b8;--base0C: #8ac6d1;--base0D: #aaaaaa;--base0E: #d3869b;--baseR: #e57373;--baseG: #81c784;--baseY: #ffd54f;--window-border: var(--base02);--window-title-bg: var(--base01);--active-border: var(--base03);--terminal-bg: var(--base00);--terminal-fg: var(--base05);--prompt-color: var(--base0C);--cmd-color: var(--base0B);--link-color: var(--base0D);--link-hover: var(--base0C);--cursor-blink-speed: .8s;--section-title-color: var(--base0A);--h1-color: var(--base0E);--h2-color: var(--base0A);--h3-color: var(--base0D);--project-title-color: var(--base0D);--project-tech-color: var(--base0E);--tech-badge-bg: var(--base02);--tech-badge-text: var(--base06);--blog-title-color: var(--base0D);--blog-date-color: var(--base03);--blog-hover-bg: var(--base01);--view-all-link-color: var(--base0E);--empty-message-color: var(--base04);--pre-bg: var(--base00);--pre-border: var(--base02);--pre-text: var(--base05);--desktop-clock-text: var(--base06)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--base01);background-image:linear-gradient(to bottom right,var(--base00),var(--base01),var(--base02));color:var(--base05);font-family:Inconsolata,monospace;line-height:1.8;font-size:.8em;padding:20px;max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}main{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}.window{background-color:var(--terminal-bg);border:1px solid var(--window-border);border-radius:5px;box-shadow:0 8px 24px #0006;overflow:auto;margin-bottom:30px;width:85vw;max-width:2500px;position:relative;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;will-change:max-height,opacity}.window.floating{max-width:none;box-shadow:0 12px 32px #00000080;will-change:left,top}.window.dragging{transition:none!important}.window.resizing{transition:none!important;cursor:nwse-resize}.project-detail-window{padding:20px;width:75vw;height:80vh}.window-titlebar{background-color:var(--window-title-bg);padding:2px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--active-border);user-select:none;cursor:move}.window-titlebar.dragging{cursor:grabbing}.window-title{color:var(--base06);font-size:12px;font-weight:700}.window-buttons{display:flex;gap:8px}.window-button{width:12px;height:12px;border-radius:50%;cursor:pointer}.close-button{background-color:var(--baseR)}.minimize-button{background-color:var(--baseY)}.maximize-button{background-color:var(--baseG)}.window-resize-handle{position:absolute;right:4px;bottom:4px;width:14px;height:14px;cursor:nwse-resize;opacity:.8}.window-resize-handle:before,.window-resize-handle:after{content:"";position:absolute;right:2px;bottom:2px;border-right:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3)}.window-resize-handle:after{right:6px;bottom:6px;border-right-color:#fff3;border-bottom-color:#fff3}.window-content{padding:15px;color:var(--terminal-fg);overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative}.window-content p,.window-content li,.window-content span{font-weight:400;font-size:.95em}.window-content p{margin:2px 0}.window.minimized{height:50px;max-height:50px;opacity:.8;overflow:hidden}.terminal-line.bottom{position:absolute;bottom:0;left:0;width:100%}.window.minimized .window-content{max-height:0;opacity:0;padding:0;margin:0;overflow:hidden;visibility:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--base0C);margin:.5em 0}h1,h2,h3{font-size:1em}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.terminal-line{margin-bottom:16px;display:flex;align-items:center;flex-wrap:wrap}.prompt{color:var(--prompt-color);margin-right:8px}.command{color:var(--cmd-color);font-weight:700}.cursor{display:inline-block;width:5px;height:1.1em;background-color:var(--base05);animation:blink var(--cursor-blink-speed) step-end infinite;vertical-align:text-bottom;margin-left:4px}.typing-animation{display:inline-block;white-space:nowrap}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}ul.terminal-list{list-style-type:none;padding-left:20px}.meta-list{list-style:none;padding:0;margin:0}ul.terminal-list li{margin:4px 0}ul.terminal-list li:before{content:"";color:var(--prompt-color);margin-right:5px}.terminal-tabs{display:flex;background-color:var(--base01);border-bottom:1px solid var(--base03);overflow-x:auto;white-space:nowrap}.terminal-tab{padding:0 15px 0 5px;cursor:pointer;color:var(--base05);background-color:var(--base01);border-right:1px solid var(--base03);user-select:none;font-size:.85em;position:relative}.terminal-tab.active{background-color:var(--terminal-bg);color:var(--base0D);border-bottom:1px solid var(--base0D);font-weight:700}.tab-close{position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:8px;width:10px;height:10px;line-height:10px;text-align:center;border-radius:50%;background-color:var(--base02);color:var(--base05);cursor:pointer;opacity:.7;display:inline-flex;align-items:center;justify-content:center}.tab-close:hover{opacity:1;background-color:var(--base08);color:var(--base00)}.terminal-tab[data-tab=about] .tab-close,.terminal-tab[data-tab=projects] .tab-close,.terminal-tab[data-tab=blog] .tab-close{display:none}.tab-content{display:none;padding:15px}.tab-content.active{display:block}.content-section{margin:0 0 12px;padding:0}.content-section p{margin-bottom:8px}.section-title{font-size:.95em;font-weight:400;color:var(--base0A);margin:8px 0 4px;padding:0}.section-title:before{content:"# ";color:var(--base03)}.project-item{margin-bottom:5px;padding:0;border-radius:0}.project-item:hover{background-color:#5349454d}.project-title{color:var(--project-title-color);margin-bottom:1px;font-size:1.2em;font-weight:700}.project-tech{color:var(--project-tech-color);font-size:.9em;margin-bottom:10px;font-style:italic}.project-description{margin-bottom:10px}.project-links a{display:inline-block;margin-right:15px;color:var(--link-color);text-decoration:none}.project-links a:hover{color:var(--link-hover)}.tech-badge{display:inline-block;background-color:var(--tech-badge-bg);color:var(--tech-badge-text);font-size:.7em;padding:2px 6px;border-radius:3px;margin-right:5px;margin-bottom:5px}.blog-post{margin-bottom:0;padding-left:0;transition:background-color .2s}.blog-post:hover{background-color:var(--blog-hover-bg)}.blog-title{color:var(--blog-title-color);margin-bottom:0;font-size:1.2em;font-weight:700}.blog-date{color:var(--blog-date-color);font-size:.9em;margin-bottom:0}.blog-excerpt{margin-top:0;margin-bottom:0}.view-all-link{display:inline-block;margin-top:1em;color:var(--view-all-link-color)}.empty-message{color:var(--empty-message-color);font-style:italic;margin:20px 0}.windows-container{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding-top:1vh}pre{background-color:var(--pre-bg);border:1px solid var(--pre-border);padding:1em;overflow-x:auto;border-radius:4px;margin:1em 0}pre>code{all:unset;display:block;color:var(--pre-text);font-family:Inconsolata,monospace;line-height:1.4;white-space:pre}.desktop-clock{position:fixed;top:10px;right:20px;color:var(--desktop-clock-text);font-size:.9rem;text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.desktop-clock .time{font-size:1.2rem;font-weight:700}.brand-left{position:fixed;top:10px;left:20px;font-family:Orbitron,sans-serif;letter-spacing:.06em;color:var(--desktop-clock-text);user-select:none;z-index:1000;display:flex;flex-direction:column;align-items:flex-start}.brand-main{font-size:1.1rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);line-height:1.2}.brand-sub{font-size:.9rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:.06em;margin-top:-2px}.windows-container .social-links{display:flex;gap:1.2rem;margin-top:1rem;justify-content:center}.windows-container .social-links a{color:var(--base0D);font-size:1.5rem;transition:color .3s ease,transform .2s ease}.windows-container .social-links a:hover{color:var(--base0E);transform:translateY(-2px);text-decoration:none}:root[data-theme=bw]{--base00: #000000;--base01: #111111;--base02: #222222;--base03: #444444;--base04: #bbbbbb;--base05: #eeeeee;--base06: #ffffff;--base08: #ffffff;--base0A: #eeeeee;--base0B: #dddddd;--base0C: #cccccc;--base0D: #bbbbbb;--base0E: #aaaaaa;--baseR: #e57373;--baseG: #81c784;--baseY: #ffd54f;--window-border: var(--base02);--window-title-bg: var(--base01);--active-border: var(--base03);--terminal-bg: var(--base00);--terminal-fg: var(--base05);--prompt-color: var(--base0C);--cmd-color: var(--base0B);--link-color: var(--base0D);--link-hover: var(--base0E);--cursor-blink-speed: .8s;--section-title-color: var(--base0A);--h1-color: var(--base0E);--h2-color: var(--base0A);--h3-color: var(--base0D);--project-title-color: var(--base0D);--project-tech-color: var(--base0E);--tech-badge-bg: var(--base02);--tech-badge-text: var(--base06);--blog-title-color: var(--base0D);--blog-date-color: var(--base03);--blog-hover-bg: var(--base01);--view-all-link-color: var(--base0E);--empty-message-color: var(--base04);--pre-bg: var(--base00);--pre-border: var(--base02);--pre-text: var(--base05);--desktop-clock-text: var(--base06)}