@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--mac-white: #ffffff;--mac-black: #000000;--mac-gray: #c0c0c0;--mac-dark-gray: #808080;--mac-light-gray: #dfdfdf;--cursor-default: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><path d="M0,0 L0,20 L4,16 L7,23 L9,22 L6,15 L12,15 Z" fill="black" stroke="white" stroke-width="1"/></svg>') 0 0, auto;--cursor-pointer: pointer;--cursor-text: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="16" viewBox="0 0 8 16"><rect x="0" y="0" width="8" height="2" fill="black"/><rect x="3" y="2" width="2" height="12" fill="black"/><rect x="0" y="14" width="8" height="2" fill="black"/></svg>') 4 8, text}body{font-family:VT323,Chicago,Geneva,monospace;background-color:var(--mac-gray);min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--mac-black);font-size:16px;line-height:1.3;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;cursor:var(--cursor-default);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root,.desktop-environment{height:100vh;height:100dvh;display:flex;flex-direction:column}@media(pointer:fine){*,*:before,*:after{cursor:inherit}a,button,.menu-item,.dropdown-item:not(.disabled),.close-box,.desktop-icon{cursor:var(--cursor-pointer)!important}input,textarea,[contenteditable=true]{cursor:var(--cursor-text)!important}.resize-handle{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><line x1="14" y1="2" x2="2" y2="14" stroke="black" stroke-width="2"/><line x1="14" y1="6" x2="6" y2="14" stroke="black" stroke-width="2"/><line x1="14" y1="10" x2="10" y2="14" stroke="black" stroke-width="2"/></svg>') 8 8,nwse-resize!important}}::selection{background:var(--mac-black);color:var(--mac-white)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--mac-white);border:1px solid var(--mac-black)}::-webkit-scrollbar-thumb{background:var(--mac-gray);border:1px solid var(--mac-black)}::-webkit-scrollbar-button{background:var(--mac-gray);border:1px solid var(--mac-black);height:16px}@media(max-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-button{display:none}}.menu-bar{display:flex;justify-content:space-between;align-items:stretch;height:28px;background-color:var(--mac-white);border-bottom:2px solid var(--mac-black);position:relative;z-index:9999;flex-shrink:0}.menu-left{display:flex;align-items:stretch}.menu-item{display:flex;align-items:center;padding:0 16px;height:100%;cursor:default;position:relative;font-size:18px}.menu-item:hover,.menu-item:active{background-color:var(--mac-black);color:var(--mac-white)}.apple-menu{padding:0 12px}.apple-logo{font-size:18px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.menu-right{display:flex;align-items:center;padding-right:12px}.menu-time{font-size:18px}.dropdown{position:absolute;top:100%;left:0;background-color:var(--mac-white);border:2px solid var(--mac-black);min-width:180px;z-index:10000;box-shadow:2px 2px 0 var(--mac-black)}.dropdown-item{padding:6px 20px;cursor:default;white-space:nowrap;font-size:16px}.dropdown-item:hover:not(.disabled){background-color:var(--mac-black);color:var(--mac-white)}.dropdown-item.disabled{color:var(--mac-dark-gray)}.dropdown-divider{height:1px;background:var(--mac-black);margin:4px 0}@media(max-width:768px){.menu-bar{height:36px}.menu-item{padding:0 10px;font-size:16px}.apple-menu{padding:0 10px}.apple-logo{font-size:20px}.menu-right{padding-right:10px}.menu-time{font-size:14px}.dropdown{min-width:160px}.dropdown-item{padding:10px 16px;font-size:16px}}@media(max-width:480px){.menu-item span{font-size:14px}.menu-item{padding:0 8px}}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:84px;padding:6px;cursor:default;outline:none}.desktop-icon .icon-image{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:6px;image-rendering:pixelated}.desktop-icon .icon-image svg{width:48px;height:48px}.desktop-icon .icon-label{font-size:14px;text-align:center;padding:2px 6px;max-width:84px;word-wrap:break-word;line-height:1.2}.desktop-icon.selected .icon-image{filter:invert(1)}.desktop-icon.selected .icon-label{background-color:var(--mac-black);color:var(--mac-white)}@media(max-width:768px){.desktop-icon{width:72px;padding:8px}.desktop-icon .icon-image{width:40px;height:40px;margin-bottom:4px}.desktop-icon .icon-image svg{width:40px;height:40px}.desktop-icon .icon-label{font-size:12px;max-width:72px;padding:2px 4px}}.mac-window{position:absolute;background-color:var(--mac-white);border:2px solid var(--mac-black);box-shadow:2px 2px 0 var(--mac-black);display:flex;flex-direction:column;min-width:300px;min-height:200px}.mac-window.resizing{-webkit-user-select:none;user-select:none}.mac-window.inactive .window-title-bar{background-color:var(--mac-white)}.mac-window.inactive .title-line,.mac-window.inactive .close-box-inner{opacity:0}.window-title-bar{display:flex;align-items:center;height:24px;background-color:var(--mac-white);border-bottom:2px solid var(--mac-black);padding:0 6px;gap:6px;flex-shrink:0}.close-box{width:15px;height:13px;border:1px solid var(--mac-black);background-color:var(--mac-white);display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0}.close-box:active{background-color:var(--mac-black)}.close-box:active .close-box-inner{border-color:var(--mac-white)}.close-box-inner{width:9px;height:9px;border:1px solid var(--mac-black)}.window-title{font-size:16px;font-weight:700;text-align:center;flex-shrink:0;padding:0 8px}.title-bar-lines{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden;padding-right:4px}.title-line{height:1px;background-color:var(--mac-black)}.window-body{flex:1;background-color:var(--mac-white);display:flex;flex-direction:column;position:relative;overflow:hidden}.window-content{flex:1;padding:16px;overflow-y:auto;container-type:size;container-name:window}.resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;background:var(--mac-white)}.resize-handle svg{pointer-events:none}.window-scrollbar-corner{position:absolute;bottom:0;right:16px;width:16px;height:16px;background:var(--mac-gray);border:1px solid var(--mac-black)}.window-scroll-area{border:1px solid var(--mac-black);background-color:var(--mac-white);padding:8px;margin:4px}@media(max-width:768px){.mac-window{position:fixed!important;inset:44px 4px 100px!important;width:auto!important;height:auto!important;min-width:unset;min-height:unset;max-height:calc(100dvh - 144px)}.window-title-bar{height:32px;padding:0 8px;gap:8px}.close-box{width:22px;height:20px}.close-box-inner{width:12px;height:12px}.window-title{font-size:18px}.window-content{padding:12px;-webkit-overflow-scrolling:touch}.resize-handle,.window-scrollbar-corner{display:none}}.welcome-content{text-align:center;padding:16px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.welcome-icon{margin-bottom:16px}.welcome-icon svg{image-rendering:pixelated;width:64px;height:64px}.welcome-content h1{font-size:32px;font-weight:700;margin-bottom:12px}.welcome-divider{height:2px;width:80%;max-width:300px;background:var(--mac-black);margin:16px 0}.welcome-intro{font-size:22px;line-height:1.6;margin:0}@container window (min-width: 400px){.welcome-content h1{font-size:36px}.welcome-intro{font-size:24px}.welcome-icon svg{width:72px;height:72px}}@container window (min-width: 500px){.welcome-content h1{font-size:42px}.welcome-intro{font-size:26px}.welcome-icon svg{width:80px;height:80px}}@container window (min-width: 600px){.welcome-content h1{font-size:48px}.welcome-intro{font-size:28px}.welcome-icon svg{width:96px;height:96px}}@container window (min-width: 700px){.welcome-content h1{font-size:56px}.welcome-intro{font-size:32px}}@container window (max-width: 350px){.welcome-content h1{font-size:24px}.welcome-intro{font-size:18px}.welcome-icon svg{width:48px;height:48px}}.about-content{text-align:center;padding:16px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-content h1{font-size:28px;font-weight:700;margin-bottom:8px}.about-divider{height:2px;width:80%;max-width:300px;background:var(--mac-black);margin:12px 0}.about-name{font-size:24px;font-weight:700;margin-bottom:8px}.about-age{font-size:18px;margin-bottom:4px}.about-age .label{font-weight:700}.about-text{margin-top:8px}.about-text p{font-size:18px;line-height:1.5;margin-bottom:12px}.about-text p:last-child{margin-bottom:0}@container window (min-width: 400px){.about-content h1{font-size:32px}.about-name{font-size:26px}.about-age,.about-text p{font-size:20px}}@container window (min-width: 500px){.about-content h1{font-size:36px}.about-name{font-size:28px}.about-age,.about-text p{font-size:22px}}@container window (min-width: 600px){.about-content h1{font-size:42px}.about-name{font-size:32px}.about-age,.about-text p{font-size:24px}}@container window (max-width: 350px){.about-content h1{font-size:22px}.about-name{font-size:20px}.about-age,.about-text p{font-size:16px}}.projects-content{padding:16px;height:100%;display:flex;flex-direction:column;align-items:center}.projects-content h1{font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.projects-divider{height:2px;width:80%;max-width:300px;background:var(--mac-black);margin:12px 0 20px}.projects-list{width:100%;display:flex;flex-direction:column;gap:20px}.project-item{display:block;padding:16px;background:var(--mac-white);border:2px solid var(--mac-black);text-decoration:none;color:inherit;transition:background-color .1s}.project-item:hover{background:var(--mac-black);color:var(--mac-white)}.project-item:hover .project-desc{color:var(--mac-white)}.project-name{font-size:22px;font-weight:700;margin-bottom:8px}.project-desc{font-size:18px;line-height:1.5;color:var(--mac-black)}@container window (min-width: 400px){.projects-content h1{font-size:32px}.project-name{font-size:24px}.project-desc{font-size:20px}}@container window (min-width: 500px){.projects-content h1{font-size:36px}.project-name{font-size:26px}.project-desc{font-size:22px}}@container window (min-width: 600px){.projects-content h1{font-size:42px}.project-name{font-size:28px}.project-desc{font-size:24px}}@container window (max-width: 350px){.projects-content h1{font-size:22px}.project-name{font-size:18px}.project-desc{font-size:16px}.project-item{padding:12px}}.desktop{flex:1;position:relative;overflow:hidden;background-color:var(--mac-gray)}.desktop-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px),repeating-linear-gradient(90deg,transparent 0px,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px);pointer-events:none}.desktop-icons{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:0}@media(max-width:768px){.desktop{overflow:auto}.desktop-icons{position:fixed;inset:auto 0 12px;flex-direction:row;justify-content:center;gap:16px;z-index:50}}