@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=Instrument+Serif:ital@0;1&display=swap";.desktop{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-stage{flex:1;justify-content:center;align-items:center;padding:40px 40px 80px;display:flex;position:relative}.vscode-window{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:95%;max-width:1200px;height:85%;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}@media (width<=768px){.vscode-window{border:none;border-radius:0;width:100%;height:100%}.explorer-sidebar{display:none}.main-stage{padding:0}.top-bar{display:none}}.vscode-titlebar{background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);-webkit-app-region:drag;align-items:center;height:35px;padding:0 15px;display:flex}.traffic-lights{gap:8px;display:flex}.light{border-radius:50%;width:12px;height:12px}.light.close{background:#ff5f56}.light.minimize{background:#ffbd2e}.light.maximize{background:#27c93f}.vscode-body{flex:1;display:flex;overflow:hidden}.activity-bar{background:var(--activity-bar-bg);border-right:1px solid var(--border-color);flex-direction:column;align-items:center;gap:20px;width:50px;padding-top:15px;display:flex}.explorer-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;width:250px;display:flex}.sidebar-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:10px 20px;font-size:11px;font-weight:600}.file-list{padding:10px 0}.file-item{cursor:pointer;align-items:center;gap:8px;padding:5px 20px;font-size:13px;transition:background .2s;display:flex}.file-item:hover{background:#ffffff0d}.file-item.active{color:var(--accent-color);background:#ffffff1a}.editor-pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.tabs-container{background:var(--tab-inactive-bg);height:35px;display:flex;overflow-x:auto}.tab{background:var(--tab-inactive-bg);border-right:1px solid var(--border-color);cursor:pointer;height:100%;color:var(--text-muted);align-items:center;gap:10px;padding:0 20px;font-size:13px;display:flex}.tab.active{background:var(--tab-active-bg);color:var(--text-main);border-top:1px solid var(--accent-color)}.editor-content{font-family:var(--font-mono);flex:1;padding:30px;line-height:1.6;overflow-y:auto}.status-bar{background:var(--status-bar-bg);border-top:1px solid var(--border-color);height:22px;color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;display:flex}.status-item{align-items:center;gap:5px;display:flex}.dock-container{-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;gap:15px;padding:10px 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.dock-icon{cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.dock-icon:hover{transform:scale(1.3)translateY(-10px)}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;justify-content:space-between;align-items:center;height:25px;padding:0 20px;font-size:13px;font-weight:500;display:flex}:root{--bg-color:#d1d1d1;--window-bg:#fff;--border-color:#000;--text-main:#000;--header-height:28px;--grid-size:20px;--font-ui:"IBM+Plex+Mono", monospace;--font-serif:"Instrument Serif", serif}*{box-sizing:border-box;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-ui);width:100vw;height:100vh;overflow:hidden}#root{height:100%}.desktop{background-color:#e0e0e0;background-image:linear-gradient(#d1d1d1 1px,#0000 1px),linear-gradient(90deg,#d1d1d1 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.desktop:after{content:"";pointer-events:none;opacity:.4;z-index:1000;background-image:url(https://www.transparenttextures.com/patterns/p6.png);width:100%;height:100%;position:absolute;top:0;left:0}.vignette{pointer-events:none;z-index:999;background:radial-gradient(circle,#0000 40%,#0000001a 100%);width:100%;height:100%;position:absolute;top:0;left:0}.main-stage{flex:1;padding:20px;position:relative;overflow:hidden}.classic-window{background:var(--window-bg);border:2px solid var(--border-color);z-index:10;flex-direction:column;min-width:300px;min-height:200px;display:flex;position:absolute;box-shadow:4px 4px #0003}.window-titlebar{border-bottom:2px solid var(--border-color);cursor:grab;background:#fff;align-items:center;height:24px;padding:0 4px;display:flex;position:relative}.window-titlebar:active{cursor:grabbing}.window-title-lines{background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--border-color) 2px, var(--border-color) 3px);background-size:100% 4px;flex:1;justify-content:center;align-items:center;height:100%;margin:0 10px;display:flex}.window-close-btn{border:2px solid var(--border-color);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.window-close-btn:active{background:var(--border-color)}.window-content{flex:1;padding:15px;font-size:14px;line-height:1.4;overflow-y:auto}.desktop-icons{flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;top:50px;right:20px}.icon-item{cursor:pointer;flex-direction:column;align-items:center;gap:5px;width:80px;display:flex}.icon-visual{width:48px;height:48px;image-rendering:pixelated;justify-content:center;align-items:center;display:flex}.icon-label{text-align:center;word-break:break-all;background:#fff;border:1px solid #0000;padding:1px 4px;font-size:11px;font-weight:700}.icon-item:hover .icon-label{color:#fff;background:#000;border-color:#000}.window-title-lines-container{flex:1;align-items:center;height:100%;margin:0 10px;display:flex}.window-title-lines{background-image:repeating-linear-gradient(0deg,#000,#000 1px,#0000 1px 3px);flex:1;height:12px}.window-title-text{text-transform:uppercase;background:#fff;padding:0 10px;font-size:13px;font-weight:700}.intro-screen{color:#fff;z-index:10000;width:100vw;height:100vh;font-family:var(--font-ui);background:#000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;left:0}.intro-content{width:100%;max-width:600px}.intro-line{margin-bottom:10px;font-size:18px}.cursor{background:#fff;width:10px;height:20px;animation:.8s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.classic-topbar{z-index:1000;height:32px;font-family:var(--font-ui);background:#fff;border-bottom:2px solid #000;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.topbar-left{flex:1;align-items:center;gap:15px;display:flex}.brand-name{font-family:var(--font-serif);letter-spacing:-.5px;font-size:24px;font-weight:700}.topbar-lines{background-image:repeating-linear-gradient(0deg,#000,#000 1px,#0000 1px 3px);flex:1;height:12px;margin-right:20px}.topbar-right{align-items:center;gap:20px;font-size:13px;font-weight:700;display:flex}.topbar-icons{align-items:center;gap:12px;display:flex}.topbar-time{text-align:right;min-width:70px}.topbar-email{display:none}@media (width>=768px){.topbar-email{display:block}}.mac-content{color:#000;font-family:var(--font-ui);padding:5px}.mac-h2{font-family:var(--font-serif);border-bottom:2px solid #000;margin-bottom:10px;font-size:28px}.mac-h3{text-transform:uppercase;margin:15px 0 5px;font-size:16px;font-weight:700}.mac-p{margin-bottom:10px;font-size:14px;line-height:1.5}.mac-ul{margin-left:20px;font-size:14px}.mac-divider{background:#000;height:2px;margin:15px 0}.mac-link{color:#000;align-items:center;gap:5px;font-size:13px;font-weight:700;text-decoration:underline;display:inline-flex}.project-card{background:#f0f0f0;border:1px solid #000;margin-bottom:15px;padding:10px}.social-list{flex-direction:column;gap:12px;display:flex}.mac-social-item{color:#000;align-items:center;gap:10px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.mac-social-item:hover{text-decoration:underline}