:root{--bg: #F2EDE4;--bg-dark: #1A1A14;--grid-line: rgba(170, 162, 145, .45);--olive: #6B7A50;--olive-dark: #4E5A38;--olive-light: #8A9A66;--cream: #F2EDE4;--cream-dark: #E8E0D0;--dark: #1E1C14;--amber: #D4920A;--amber-bright: #F0A820;--window-bg: #EDE8DC;--window-title: #C4BC9C;--window-red: #D95F5F;--window-border:#B8B098;--text: #2C2A22;--text-muted: #7A7060;--pink-accent: #D4607A;--font-pixel: "Press Start 2P", monospace;--font-retro: "VT323", monospace;--font-serif: "DM Serif Display", serif;--font-mono: "Space Mono", monospace;--nav-h: 52px;--grid-size: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-mono);cursor:none;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media (hover: none){body{cursor:auto}.cursor-dot,.cursor-ring{display:none!important}}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(rgba(170,162,145,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(170,162,145,.12) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size),calc(var(--grid-size)*5) calc(var(--grid-size)*5),calc(var(--grid-size)*5) calc(var(--grid-size)*5);pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream-dark)}::-webkit-scrollbar-thumb{background:var(--olive);border-radius:0}::selection{background:var(--olive);color:var(--cream)}.cursor-dot{position:fixed;top:0;left:0;width:10px;height:10px;background:var(--olive);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:multiply}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid var(--olive);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:all .12s ease;opacity:.6}.cursor-dot.hovered{width:6px;height:6px;background:var(--amber)}.cursor-ring.hovered{width:54px;height:54px;border-color:var(--amber);opacity:.4}.retro-window{background:var(--window-bg);border:1.5px solid var(--window-border);border-radius:2px;box-shadow:3px 3px 0 var(--window-border),6px 6px #00000014;overflow:hidden}.retro-window__titlebar{background:var(--window-title);padding:6px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--window-border);-webkit-user-select:none;user-select:none}.retro-window__titlebar-title{font-family:var(--font-mono);font-size:11px;color:var(--dark);opacity:.75;letter-spacing:.02em;flex:1}.retro-window__btn{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.2);cursor:pointer;flex-shrink:0}.retro-window__btn--red{background:#e05c5c}.retro-window__btn--yellow{background:#e8c040}.retro-window__btn--green{background:var(--olive-light)}.retro-window__body{padding:20px}.taskbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:1000;background:var(--olive);border-top:2px solid var(--olive-dark);border-left:2px solid var(--olive-dark);border-right:2px solid var(--olive-dark);border-radius:12px 12px 0 0;padding:10px 24px;display:flex;align-items:center;gap:20px;box-shadow:0 -4px 24px #00000026;max-width:100vw;overflow-x:auto;scrollbar-width:none}.taskbar::-webkit-scrollbar{display:none}.taskbar__item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-decoration:none;color:var(--cream);transition:transform .2s;flex-shrink:0}.taskbar__item:hover{transform:translateY(-6px)}.taskbar__item:hover .taskbar__label{opacity:1}.taskbar__icon{width:36px;height:36px;background:var(--cream);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 4px #0003;transition:box-shadow .2s}.taskbar__item:hover .taskbar__icon{box-shadow:0 6px 16px #0000004d}.taskbar__label{font-family:var(--font-mono);font-size:9px;opacity:.7;transition:opacity .2s;text-transform:uppercase;letter-spacing:.05em}.taskbar__divider{width:1px;height:32px;background:var(--olive-light);opacity:.4;flex-shrink:0}.section{position:relative;z-index:1;min-height:100vh;padding:80px 40px 100px;max-width:1100px;margin:0 auto}.folder-icon{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s}.folder-icon:hover{transform:scale(1.08)}.folder-icon__img{width:52px;height:44px;position:relative}.folder-icon__tab{position:absolute;top:0;left:2px;width:22px;height:8px;background:var(--amber-bright);border-radius:3px 3px 0 0}.folder-icon__body{position:absolute;top:6px;left:0;width:52px;height:38px;background:var(--amber-bright);border-radius:2px 4px 4px;box-shadow:inset 0 -3px #00000026}.folder-icon__label{font-family:var(--font-mono);font-size:10px;color:var(--text);text-align:center;opacity:.8}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.loader__text{font-family:var(--font-retro);font-size:22px;color:var(--olive-light);letter-spacing:.08em;line-height:1.8;text-align:left;max-width:480px;width:100%;padding:0 20px}.loader__cursor{display:inline-block;width:10px;height:18px;background:var(--olive-light);margin-left:2px;vertical-align:middle;animation:blink .7s step-end infinite}.loader__bar-wrap{width:480px;max-width:calc(100vw - 40px);height:20px;background:#2a2a20;border:1px solid var(--olive-dark);position:relative;overflow:hidden}.loader__bar{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--olive-dark),var(--olive-light));transition:width .1s linear}.loader__percent{font-family:var(--font-retro);font-size:14px;color:var(--text-muted);letter-spacing:.1em;margin-top:-8px}.badge{display:inline-block;background:var(--olive);color:var(--cream);font-family:var(--font-mono);font-size:10px;padding:4px 10px;border-radius:2px;letter-spacing:.08em;text-transform:uppercase}.badge--outline{background:transparent;border:1px solid var(--olive);color:var(--olive)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 4px)}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width: 768px){.section{padding:60px 18px 110px;min-height:auto}.retro-window__body{padding:14px}.retro-window__titlebar-title{font-size:9px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar{width:100vw;border-radius:0;padding:8px 12px;gap:10px;justify-content:flex-start;border-left:none;border-right:none}.taskbar__icon{width:30px;height:30px;font-size:15px;border-radius:6px}.taskbar__label{font-size:7px}.taskbar__divider{display:none}.folder-icon__img{width:38px!important;height:32px!important}.folder-icon__body{width:38px!important;height:28px!important;top:5px!important}.folder-icon__tab{width:16px!important}.folder-icon__label{font-size:9px}}@media (max-width: 480px){.section{padding:48px 14px 110px}.retro-window__body{padding:12px}.taskbar{gap:6px;padding:8px}.taskbar__icon{width:28px;height:28px;font-size:14px}}
