@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";.App{position:relative}:root{--bg:#0b0f19;--bg-elevated:#121829;--bg-elevated-2:#1a2338;--border:#232c42;--border-soft:#1a2136;--text-primary:#e8eaf2;--text-secondary:#9aa2ba;--text-tertiary:#5b6480;--accent:#f2b84b;--accent-soft:#f2b84b1f;--teal:#5fd0c0;--teal-soft:#5fd0c01f;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--max-width:1080px;--section-padding:clamp(64px, 10vw, 120px)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);margin:0;font-weight:600;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font-family:inherit}::selection{background:var(--accent-soft);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.section{padding:var(--section-padding) 24px}.section-inner{max-width:var(--max-width);margin:0 auto}.eyebrow{font-family:var(--font-mono);color:var(--teal);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.eyebrow:before{content:"";background:var(--teal);width:18px;height:1px}.section-title{margin-bottom:40px;font-size:clamp(26px,3.4vw,34px)}.mono{font-family:var(--font-mono)}.os-screen,.os-desktop{color:#000;font-family:Tahoma,MS Sans Serif,Segoe UI,sans-serif;font-size:12px;position:fixed;inset:0;overflow:hidden}.os-off{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;font-family:Courier New,monospace;display:flex}.os-safe-line{color:#ffb000;text-shadow:0 0 10px #ffb00073;margin:0;font-size:18px;font-weight:700}.os-power{font:inherit;color:#000;cursor:pointer;background:silver;border:0;padding:10px 22px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.os-power:active{box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff,inset 2px 2px gray,inset -2px -2px #dfdfdf}.os-bios{color:#cfcfcf;text-align:left;cursor:pointer;background:#000;padding:28px 32px;font-family:"Perfect DOS VGA 437",VT323,Courier New,monospace;font-size:20px;line-height:1.9}.os-bios-line{white-space:pre-wrap;margin:0 0 6px}.os-bios-cursor:after{content:"█";animation:.8s step-end infinite os-blink}@keyframes os-blink{50%{opacity:0}}.os-boot{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:48px;padding:24px;display:flex}.os-boot-logo{align-items:center;gap:18px;display:flex}.os-flag{grid-template-rows:24px 24px;grid-template-columns:24px 24px;gap:3px;display:grid;transform:perspective(300px)rotateY(-10deg)}.os-flag-red{background:#f25022}.os-flag-green{background:#7fba00}.os-flag-blue{background:#00a4ef}.os-flag-yellow{background:#ffb900}.os-boot-title{color:#fff;letter-spacing:.5px;margin:0;font-family:Segoe UI,Tahoma,MS Sans Serif,sans-serif;font-size:46px;font-weight:600}.os-boot-95{color:#179fd7}.os-loader{box-sizing:border-box;border:1px solid #9a9a9a;gap:4px;width:min(340px,80vw);height:26px;padding:3px;display:flex}.os-loader-block{opacity:0;background:#179fd7;flex:1;animation:50ms step-end forwards os-block-in}@keyframes os-block-in{to{opacity:1}}.os-boot-text{color:#8a8a8a;letter-spacing:2px;margin:0;font-family:Courier New,monospace;font-size:14px}.os-desktop{background-color:#222;background-image:url(/my/stranger_things.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.os-icons{flex-flow:column wrap;align-content:flex-start;gap:4px;display:flex;position:absolute;inset:8px 8px 46px}.os-icon{color:#fff;cursor:pointer;width:86px;font:inherit;background:0 0;border:1px dotted #0000;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;display:flex}.os-icon:focus-visible,.os-icon:active{background:#00008066;border-color:#fff;outline:none}.os-icon-img{font-size:28px}.os-icon-label{text-align:center;text-shadow:1px 1px #000}.os-window{background:silver;flex-direction:column;max-height:calc(100% - 60px);padding:3px;display:flex;position:absolute;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff,3px 3px 14px #00000073}.os-window.is-minimized{display:none}.os-titlebar{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(90deg,navy,#1084d0);align-items:center;gap:5px;padding:3px 3px 3px 6px;font-weight:700;display:flex}.os-titlebar-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.os-titlebar-buttons{gap:2px;display:flex}.os-titlebtn{cursor:pointer;color:#000;background:silver;border:0;width:18px;height:16px;font-size:10px;line-height:1;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.os-titlebtn:active{box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff,inset 2px 2px gray,inset -2px -2px #dfdfdf}.os-window-body{flex-direction:column;min-height:0;margin-top:3px;display:flex;overflow:auto}.os-btn{cursor:pointer;min-width:72px;font:inherit;background:silver;border:0;padding:4px 10px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.os-btn:active{box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff,inset 2px 2px gray,inset -2px -2px #dfdfdf}.os-btn:focus-visible{outline-offset:-4px;outline:1px dotted #000}.os-btn-row{justify-content:flex-end;gap:6px;padding:8px;display:flex}.os-input,.os-textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:0;padding:4px 6px;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.os-menubar{border-bottom:1px solid gray;gap:2px;padding:2px 4px;display:flex}.os-menubar span{cursor:default;padding:2px 8px}.os-menubar span:hover{color:#fff;background:navy}.notepad-body{background:#fff;min-height:220px;margin:0 0 16px;padding:10px 12px;font-family:Courier New,monospace;font-size:13px;line-height:1.6;overflow:auto}.os-window .notepad-body p{margin:0 0 16px!important}.os-window .notepad-body p:last-child{margin-bottom:0!important}.notepad-meta{margin:0}.os-table{border-collapse:collapse;background:#fff;width:100%}.os-table th{text-align:left;background:silver;padding:4px 8px;box-shadow:inset -1px -1px gray,inset 1px 1px #fff}.os-table td{cursor:default;border-bottom:1px solid #eee;padding:4px 8px}.os-table tr.selected td{color:#fff;background:navy}.explorer-hint{color:#333;margin:0;padding:8px}.os-tabs{gap:2px;padding:4px 6px 0;display:flex}.os-tab{cursor:pointer;font:inherit;background:silver;border:0;padding:4px 14px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.os-tab.active{z-index:1;margin-bottom:-3px;padding-bottom:7px;font-weight:700;position:relative}.os-tab-body{flex-wrap:wrap;gap:8px 16px;margin:0 6px 6px;padding:12px;display:flex;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.os-check{align-items:center;gap:6px;display:flex}.wordpad-body{color:#000;background:#fff;padding:18px 20px;line-height:1.5;overflow:auto}.wordpad-body h1{color:#000;letter-spacing:.5px;background:0 0;margin:0 0 6px;padding:0;font-size:24px;font-weight:700;display:block}.wordpad-body h2{color:#000;letter-spacing:.06em;border-bottom:1px solid #000;margin:18px 0 8px;padding-bottom:4px;font-size:13px;font-weight:700}.wordpad-body ul{margin:0;padding-left:18px}.wp-sub{color:#444;margin:0 0 8px}.wordpad-body ul{margin:6px 0 0 18px;padding:0}.wordpad-body li{margin-bottom:4px}.contact-form{flex-direction:column;gap:8px;padding:10px;display:flex}.contact-links{color:#333;margin:4px 8px 8px}.recycle{text-align:center;padding:16px}.recycle-icon{font-size:40px}.recycle-sub{color:#555}.sysprops{padding:14px}.sysprops-logo{font-size:18px;font-weight:700}.sysprops-sub{color:#444;margin-bottom:10px}.sysprops-table td{vertical-align:top;padding:3px 8px 3px 0}.ok{color:green}.sysprops-reg{color:#555;margin-top:10px}.os-taskbar{z-index:10000;background:silver;align-items:center;gap:4px;height:38px;padding:4px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #dfdfdf,inset 0 2px #fff}.os-start{min-width:0;font-weight:700}.os-task{white-space:nowrap;text-overflow:ellipsis;flex:0 140px;min-width:0;overflow:hidden}.os-task.active{background:repeating-conic-gradient(#fff 0 25%, silver 0 50%) 0 0 / 4px 4px;font-weight:700;box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #fff,inset 2px 2px gray,inset -2px -2px #dfdfdf}.os-tray{margin-left:auto;padding:4px 10px;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.os-overlay{z-index:10000;position:absolute;inset:0}.os-startmenu{z-index:10001;background:silver;width:230px;display:flex;position:absolute;bottom:42px;left:4px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff,3px 3px 10px #0006}.os-startmenu-side{writing-mode:vertical-rl;color:#fff;background:linear-gradient(navy,#1084d0);padding:10px 4px;font-weight:700;transform:rotate(180deg)}.os-startmenu-items{flex-direction:column;flex:1;padding:3px;display:flex}.os-startmenu-item{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.os-startmenu-item:hover{color:#fff;background:navy}.os-startmenu-sep{border-top:1px solid gray;border-bottom:1px solid #fff;margin:3px 4px}.os-window h1,.os-window h2,.os-window h3{color:#000}@media (width<=700px){.os-icons{flex-direction:row;align-content:flex-start}.os-window{width:100%!important;height:calc(100% - 38px)!important;top:0!important;left:0!important}.os-task{flex:1 1 0}.os-boot{gap:36px}.os-boot-title{font-size:32px}.os-flag{grid-template-rows:18px 18px;grid-template-columns:18px 18px}.os-bios{padding:20px;font-size:13px}}@media (prefers-reduced-motion:reduce){.os-loader-block{opacity:1;animation:none}.os-bios-cursor:after{animation:none}}.contact-links a{color:navy;text-decoration:underline}.contact-links a:visited{color:purple}.contact-links a:hover{color:#1084d0}.os-start{align-items:center;gap:7px;min-width:0;font-weight:700;display:flex}.os-start-flag{flex:none;grid-template-rows:8px 8px;grid-template-columns:8px 8px;gap:1px;display:grid}.os-table tr.has-link{cursor:pointer}.explorer-hint a{color:navy;font-weight:700;text-decoration:underline}.explorer-hint a:visited{color:purple}.explorer-hint a:hover{color:#1084d0}.os-off{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.os-off-logo{align-items:center;gap:16px;display:flex}.os-off-logo .os-flag{grid-template-rows:20px 20px;grid-template-columns:20px 20px}.os-off-title{color:#fff;font-family:Segoe UI,Tahoma,MS Sans Serif,sans-serif;font-size:40px;font-weight:600}.os-off-95{color:#179fd7}.os-off-copy{color:#8a8a8a;margin:0;font-family:"Perfect DOS VGA 437",VT323,Courier New,monospace;font-size:15px}.os-power{letter-spacing:1px;align-items:center;gap:8px;font-family:"Perfect DOS VGA 437",VT323,Courier New,monospace;font-size:16px;display:flex}.os-off-hint{color:#5f5f5f;margin:-8px 0 0;font-family:"Perfect DOS VGA 437",VT323,Courier New,monospace;font-size:14px}.recycle{cursor:default;position:relative}.os-ctx-menu{z-index:99999;text-align:left;background:silver;flex-direction:column;min-width:140px;padding:3px;display:flex;position:absolute;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff,2px 2px 6px #0006}.os-ctx-item{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.os-ctx-item:hover{color:#fff;background:navy}.os-ctx-sep{border-top:1px solid gray;border-bottom:1px solid #fff;margin:3px 2px}.os-desktop-menu{z-index:99999}.display-props{flex-direction:column;gap:10px;padding:12px;display:flex}.display-monitor{background:silver;padding:8px 8px 14px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.display-preview{height:110px;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.display-label{margin:0;font-weight:700}.display-list{background:#fff;flex-direction:column;gap:2px;padding:4px;display:flex;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.display-option{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 10px}.display-option:hover{background:#e8e8e8}.display-option.selected{color:#fff;background:navy}.display-hint{color:#555;margin:0}.os-saver{z-index:100000;cursor:pointer;background:#000;position:fixed;inset:0}.os-saver canvas{width:100%;height:100%;display:block}.os-saver-text{text-align:center;color:#444;font-family:Courier New,monospace;position:absolute;bottom:14px;left:0;right:0}.clippy{z-index:9998;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:46px;right:12px}.clippy-body{filter:drop-shadow(2px 2px 2px #0006);font-size:44px;animation:2s ease-in-out infinite clippy-wiggle}@keyframes clippy-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(6deg)}}.clippy-bubble{background:#ffffe1;border:1px solid #000;border-radius:6px;flex-direction:column;gap:8px;width:230px;padding:10px;font-size:12px;display:flex;box-shadow:2px 2px 6px #0006}.clippy-bubble p{margin:0}.clippy-actions{justify-content:flex-end;gap:6px;display:flex}.clippy-actions .os-btn{min-width:0}.os-dialog-overlay{z-index:99998;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.os-dialog{width:min(380px,100vw - 32px);max-height:none;position:relative}.os-dialog-body{align-items:center;gap:12px;padding:16px;display:flex}.os-dialog-body p{margin:0}.os-dialog-icon{font-size:32px}.os-bsod{color:#fff;cursor:pointer;background:#00a;flex-direction:column;gap:16px;padding:8vh 8vw;font-family:Courier New,monospace;font-size:15px;line-height:1.7;display:flex}.bsod-title{color:#00a;background:silver;align-self:flex-start;margin:0;padding:0 12px;font-weight:700}.os-tray{align-items:center;gap:6px;display:flex}.os-tray-mute{cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}@media (width<=700px){.clippy{display:none}.os-icon{width:74px}.os-icon-img{font-size:24px}.os-off-title,.os-boot-title{font-size:30px}.os-startmenu{width:min(230px,100vw - 8px)}.os-bios{padding:16px;font-size:12px}.os-bsod{padding:6vh 6vw;font-size:13px}.clippy-bubble{width:200px}}@media (width<=480px){.os-task-label{display:none}.os-task{flex:none;padding:4px 10px}.os-start-flag{display:none}.os-tray{font-size:11px}}.pizza-game{background:silver;flex-direction:column;gap:8px;padding:8px;display:flex}.pizza-hud{justify-content:space-between;font-weight:700;display:flex}.pizza-stage{touch-action:none;align-self:center;position:relative;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.pizza-stage canvas{display:block}.pizza-overlay{color:#fff;text-align:center;background:#000000c7;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-family:VT323,Courier New,monospace;font-size:18px;display:flex;position:absolute;inset:0}.pizza-overlay p{margin:0}.pizza-title{color:#ffb000;font-size:26px}.pizza-keys{color:#9f9f9f}.pizza-controls{justify-content:center;gap:10px;display:flex}.pizza-controls .os-btn{min-width:64px;font-size:14px}
