*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{color:#121212;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{touch-action:manipulation}button{font:inherit}::selection{color:#121212;background:#d8ff45}:root{--desktop:#078d89;--desktop-deep:#006d6a;--silver:#c7c7c7;--silver-light:#f2f2f2;--silver-dark:#777;--blue:#1717b8;--ink:#111}button{color:inherit}.retro-shell{width:100%;height:100svh;min-height:560px;color:var(--ink);background:var(--desktop);image-rendering:pixelated;grid-template-rows:auto minmax(0,1fr) 42px;font-family:Courier New,Courier,monospace;display:grid;overflow:hidden}.retro-header{z-index:20;background:#fff;position:relative}.brand{color:#111;letter-spacing:-.07em;justify-content:center;align-items:center;min-height:clamp(74px,11svh,108px);padding:18px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,4vw,52px);font-weight:900;display:flex}.brand span{color:#666;font-weight:400}.menu-bar{color:#111;background:var(--silver);letter-spacing:.04em;border-top:2px solid #fff;border-bottom:2px solid #555;align-items:center;gap:24px;height:32px;padding:0 14px;font-size:11px;font-weight:700;display:flex;box-shadow:inset 0 1px #eee,inset 0 -1px #8a8a8a}.menu-divider{background:#888;width:1px;height:18px;margin-left:3px;box-shadow:1px 0 #eee}.system-copy{color:#555;margin-left:auto}.desktop{background:linear-gradient(#ffffff09 1px, transparent 1px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), var(--desktop);background-size:6px 6px;min-height:0;position:relative;overflow:hidden}.desktop-files{z-index:3;flex-direction:row;gap:clamp(34px,7vw,108px);display:flex;position:absolute;top:clamp(14px,2.5vh,28px);left:50%;transform:translate(-50%)}.desktop-file{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;justify-items:center;gap:4px;width:150px;padding:4px;font-family:inherit;display:grid}.desktop-file:hover,.desktop-file:focus-visible,.desktop-file.is-selected{outline-offset:-3px;background:#00005a3d;outline:1px dotted #fff}.file-icon{filter:drop-shadow(3px 3px #00000061);width:80px;height:70px;transition:transform 80ms steps(2,end)}.desktop-file:active .file-icon{transform:translate(2px,2px)}.file-icon svg{shape-rendering:crispedges;width:100%;height:100%;display:block}.folder-back{fill:#ffdd43;stroke:#111;stroke-width:2px}.folder-front{fill:#ffec76;stroke:#111;stroke-width:2px}.folder-paper{fill:#fff;stroke:#111;stroke-width:2px}.folder-front--open{fill:#ffd83d}.folder-is-open{transform:translateY(2px)}.icon-mark{fill:var(--icon-accent);stroke:#111;stroke-width:2px}.icon-detail{fill:none;stroke:#111;stroke-width:2px}.file-label{color:#fff;background:var(--desktop-deep);text-align:center;text-shadow:1px 1px #003e3c;max-width:142px;padding:3px 6px;font-size:15px;font-weight:700;line-height:1.15}.desktop-file.is-selected .file-label{background:var(--blue)}.desktop-message{color:#fff;text-shadow:4px 4px #00615e,8px 8px #0036346b;pointer-events:none;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.message-kicker{letter-spacing:.3em;text-shadow:none;margin-bottom:8px;font-size:clamp(12px,1.2vw,17px);display:block}.desktop-message strong{letter-spacing:-.09em;font-size:clamp(34px,5.2vw,78px);line-height:.84;display:block}.message-cursor{background:#fff;width:.58em;height:1.05em;margin-top:14px;animation:.9s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{50%{opacity:0}}.desktop-alerts{text-align:center;gap:12px;font-family:Arial,sans-serif;font-weight:900;display:grid;position:absolute;top:20px;right:22px}.desktop-alerts>span,.desktop-alerts>button{border:1px solid #222;place-items:center;width:24px;height:24px;padding:0;display:grid;box-shadow:2px 2px #0000004d}.alert-mail{cursor:pointer;background:0 0;position:relative;box-shadow:none!important;border:0!important}.alert-mail:hover,.alert-mail:focus-visible{outline-offset:2px;outline:1px dotted #fff}.alert-mail:active{transform:translate(1px,1px)}.mail-glyph{filter:drop-shadow(2px 2px #0036348c);width:25px;height:19px;display:block}.mail-glyph svg{fill:#fff;stroke:#111;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.alert-warning{color:#111;clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffec38}.alert-close{color:#fff;background:#e51b23;border-radius:50%}.project-window{z-index:10;background:var(--silver);border:3px outset #eee;grid-template-rows:32px 28px minmax(0,1fr) 26px;width:min(650px,64vw);max-height:calc(100% - 132px);animation:.16s steps(4,end) window-open;display:grid;position:absolute;top:calc(50% + 48px);left:50%;transform:translate(-50%,-50%);box-shadow:12px 14px #0036347a}@keyframes window-open{0%{opacity:0;transform:translate(-50%,-47%)scale(.88)}}.window-titlebar{color:#fff;background:var(--blue);border-bottom:2px solid #08086a;align-items:center;gap:8px;min-width:0;padding-left:7px;display:flex}.window-titlebar strong{letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.window-icon{background:#ffcf35;border:2px solid #fff;flex:none;width:14px;height:14px}.window-actions{align-items:center;gap:2px;height:100%;margin-left:auto;padding-right:3px;display:flex}.window-actions button{background:var(--silver);cursor:pointer;border:2px outset #eee;place-items:center;width:25px;height:23px;padding:0;font-family:Arial,sans-serif;font-size:15px;font-weight:900;line-height:1;display:grid}.window-actions button:active{border-style:inset}.window-actions .window-close{color:#fff;background:#d91c28}.window-menu{background:var(--silver);border-bottom:2px groove #eee;align-items:center;gap:24px;padding:0 10px;font-size:11px;display:flex}.window-menu span:first-letter{text-decoration:underline}.window-content{background:#fff;border:3px inset #eee;grid-template-columns:minmax(180px,.9fr) minmax(210px,1.1fr);gap:18px;min-height:0;padding:18px;display:grid;overflow:auto}.project-preview{background:#ececec;border:2px solid #111;min-height:230px;position:relative;overflow:hidden}.preview-grid{opacity:.3;background-color:#0000;background-image:linear-gradient(#999 1px,#0000 1px),linear-gradient(90deg,#999 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.preview-phone{background:#ffcf35;border:8px solid #202020;width:82px;height:154px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px #58d0ff}.preview-phone span{background:#202020;width:14px;height:5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.preview-browser{background:#58d0ff;border:6px solid #1a1a1a;border-top-width:25px;width:86%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px #ffcf35}.preview-browser i{background:#fff;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block;position:relative;top:-18px}.preview-robot{background:#ff6f66;border:7px solid #181818;place-items:center;width:105px;height:115px;display:grid;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px #ffcf35}.preview-face{letter-spacing:12px;font-size:25px;transform:translate(6px)}.preview-rotor{background:#181818;width:88px;height:14px;position:absolute;top:-42px;left:50%;transform:translate(-50%)rotate(18deg)}.preview-rotor:after{content:"";background:#181818;width:14px;height:88px;position:absolute;top:-37px;left:37px}.project-copy{align-self:center;min-width:0}.project-path{color:#555;text-overflow:ellipsis;white-space:nowrap;margin-bottom:17px;font-size:9px;display:block;overflow:hidden}.project-copy h1{word-break:break-word;margin:0 0 22px;font-size:clamp(23px,3vw,38px);line-height:.95}.project-copy p{margin:0 0 24px;font-size:17px;line-height:1.2}.project-copy p strong{color:var(--blue)}.retro-button{background:var(--silver);cursor:pointer;border:3px outset #eee;min-width:105px;padding:7px 18px;font-family:inherit;font-weight:700}.retro-button:active{border-style:inset}.window-status{border-top:2px groove #eee;justify-content:space-between;align-items:center;padding:0 8px;font-size:9px;display:flex}.project-catalog{grid-column:1/-1;min-width:0}.catalog-heading{border-bottom:2px solid #111;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.catalog-heading h1{margin:0 0 6px;font-size:clamp(21px,3vw,34px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.project-card{color:#111;background:var(--silver);border:2px outset #eee;grid-template-columns:132px minmax(0,1fr);gap:12px;min-width:0;padding:7px;text-decoration:none;display:grid}.project-card:active{border-style:inset}.project-card img{object-fit:cover;background:#fff;border:2px inset #eee;width:132px;height:98px}.project-card strong,.project-card p{overflow-wrap:anywhere;display:block}.project-card strong{color:var(--blue);margin-bottom:7px;font-size:14px}.project-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 9px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.project-card span{font-size:9px;font-weight:700}.admin-window{z-index:15;background:var(--silver);border:3px outset #eee;grid-template-rows:32px 28px minmax(0,1fr) 26px;width:min(920px,100% - 44px);height:min(610px,100% - 34px);animation:.16s steps(4,end) window-open;display:grid;position:absolute;top:calc(50% + 10px);left:50%;transform:translate(-50%,-50%);box-shadow:12px 14px #0036347a}.contact-window{z-index:18;background:var(--silver);border:3px outset #eee;grid-template-rows:32px minmax(0,1fr) auto 26px;width:min(510px,100% - 36px);animation:.16s steps(4,end) window-open;display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:12px 14px #0036347a}.contact-title-icon{background:#fff;position:relative}.contact-content{background:#fff;border:3px inset #eee;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:18px;padding:28px 24px 20px;display:grid}.contact-content>div{transform-origin:0;line-height:1.3;transform:scaleY(1.06)}.contact-envelope{background:var(--blue);border:4px solid #111;width:66px;height:46px;position:relative;box-shadow:6px 6px #ffcf35}.contact-envelope:before,.contact-envelope:after{content:"";background:#fff;width:39px;height:4px;position:absolute;top:10px}.contact-envelope:before{left:-1px;transform:rotate(32deg)}.contact-envelope:after{right:-1px;transform:rotate(-32deg)}.contact-label{margin-bottom:8px;font-size:10px;font-weight:700;display:block}.contact-content a{color:var(--blue);overflow-wrap:anywhere;font-size:clamp(15px,2.2vw,21px);font-weight:700}.contact-content p{margin:11px 0 0;font-size:9px;line-height:1.4}.contact-actions{border-top:2px groove #eee;justify-content:flex-end;gap:8px;padding:10px;display:flex}.admin-content{background:#dedede;border:3px inset #eee;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:10px;min-height:0;padding:10px;display:grid;overflow:hidden}.admin-login{background:silver;place-items:center;min-height:0;padding:28px;display:grid;overflow:auto}.admin-login form{background:#d4d0c8;border:2px solid #444;border-color:#fff #444 #444 #fff;gap:16px;width:min(430px,100%);padding:24px;display:grid}.admin-login h1{margin:0;font-size:19px}.admin-login p{margin:0;font-size:10px}.admin-login label{gap:7px;font-size:10px;font-weight:700;display:grid}.admin-login input{color:#111;min-width:0;font:inherit;background:#fff;border:2px solid #fff;border-color:#555 #fff #fff #555;padding:9px 10px}.admin-login-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-logout{color:#111;font:inherit;background:silver;border:1px solid #555;border-color:#fff #555 #555 #fff;margin-right:10px;padding:1px 5px}.admin-form,.admin-projects{background:#f8f8f8;border:2px inset #eee;min-height:0;padding:14px;overflow:auto}.admin-form h1,.admin-projects h2{margin:0 0 14px;font-size:18px}.admin-form label{gap:5px;margin-bottom:12px;font-size:10px;font-weight:700;display:grid}.admin-form input,.admin-form textarea,.admin-form select{color:#111;background:#fff;border:2px inset #eee;border-radius:0;width:100%;min-width:0;padding:7px;font:12px Courier New,Courier,monospace}.admin-form textarea{resize:vertical}.admin-form input[type=file]{padding:4px;font-size:10px}.admin-form .retro-button:disabled,.admin-project-row button:disabled{color:#777;cursor:wait}.admin-message,.admin-dev-note,.admin-empty{font-size:10px;line-height:1.4}.admin-message{color:var(--blue);font-weight:700}.admin-dev-note{color:#6b5200;background:#fff3a8;border:1px solid #6b5200;padding:6px}.admin-projects h2{z-index:1;background:#f8f8f8;padding:14px 0 9px;position:sticky;top:-14px}.admin-project-row{border-bottom:1px solid #aaa;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;display:grid}.admin-project-row img{object-fit:cover;border:1px solid #111;width:70px;height:52px}.admin-project-row strong,.admin-project-row span{overflow-wrap:anywhere;display:block}.admin-project-row strong{color:var(--blue);margin-bottom:5px;font-size:11px}.admin-project-row span{font-size:9px}.admin-project-row button{background:var(--silver);cursor:pointer;border:2px outset #eee;padding:6px;font:9px Courier New,Courier,monospace}.admin-project-row button:active{border-style:inset}.taskbar{z-index:30;background:var(--silver);border-top:3px solid #eee;align-items:center;gap:6px;padding:4px;display:flex;position:relative;box-shadow:inset 0 1px #fff}.start-button{background:var(--silver);cursor:pointer;border:3px outset #eee;align-items:center;gap:6px;height:31px;padding:2px 10px 2px 4px;font-family:inherit;font-size:11px;display:flex}.start-button:active{border-style:inset}.start-mark{color:#fff;background:#e21f2b;place-items:center;width:20px;height:20px;font-weight:900;display:grid}.quick-launch{border-left:2px groove #eee;gap:7px;padding:0 10px;font-size:18px;display:flex}.active-task{background:#b7b7b7;border:2px inset #eee;align-items:center;width:min(220px,28vw);height:29px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.taskbar-spacer{flex:1}.clock{border:2px inset #eee;justify-content:center;align-items:center;gap:8px;min-width:115px;height:29px;padding:0 9px;font-size:9px;display:flex}@media (width<=720px){.retro-shell{grid-template-rows:auto minmax(0,1fr) 39px;min-height:540px}.brand{min-height:72px;font-size:30px}.menu-bar{gap:14px;padding-inline:10px;overflow:hidden}.menu-bar span:nth-child(3),.menu-bar span:nth-child(4),.menu-divider,.system-copy{display:none}.desktop-files{flex-direction:row;justify-content:space-around;align-items:start;gap:2px;height:112px;padding-top:10px;position:relative;top:auto;left:auto;transform:none}.desktop-file{width:31%;max-width:120px}.file-icon{width:60px;height:52px}.file-label{max-width:112px;font-size:11px}.desktop-message{text-align:center;width:74%;top:58%}.desktop-message strong{font-size:clamp(38px,12vw,58px)}.desktop-alerts{display:block;top:auto;bottom:10px;right:10px}.desktop-alerts .alert-warning,.desktop-alerts .alert-close{display:none}.contact-window{width:calc(100% - 18px);top:calc(50% + 38px)}.contact-content{grid-template-columns:54px minmax(0,1fr);gap:13px;padding:22px 16px 18px}.contact-envelope{border-width:3px;width:50px;height:36px;box-shadow:4px 4px #ffcf35}.contact-envelope:before,.contact-envelope:after{width:30px;height:3px;top:8px}.project-window{grid-template-rows:31px 25px minmax(0,1fr) 24px;width:calc(100% - 24px);max-height:calc(100% - 136px);top:calc(50% + 52px);left:50%}.project-grid{grid-template-columns:1fr}.project-card{grid-template-columns:94px minmax(0,1fr)}.project-card img{width:94px;height:76px}.admin-window{width:calc(100% - 18px);height:calc(100% - 130px);top:calc(50% + 52px)}.admin-content{grid-template-columns:1fr;overflow:auto}.admin-form,.admin-projects{min-height:max-content;overflow:visible}.admin-projects h2{padding-top:0;position:static}.window-content{grid-template-columns:1fr;gap:12px;padding:12px}.project-preview{min-height:150px}.project-copy{text-align:center}.project-path{margin-bottom:8px}.project-copy h1{margin-bottom:10px;font-size:23px}.project-copy p{margin-bottom:12px;font-size:14px}.window-menu{gap:18px}.quick-launch{display:none}.clock{min-width:84px}}@media (height<=680px) and (width>=721px){.brand{min-height:64px;font-size:30px}.desktop-files{gap:clamp(24px,6vw,74px);top:6px}.file-icon{width:62px;height:54px}.desktop-file{gap:1px}.project-window{max-height:calc(100% - 118px);top:calc(50% + 48px)}.project-preview{min-height:180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}