:root{font-family:Tahoma,Verdana,Geneva,sans-serif;color:#252d2a;background:#badbd6;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px dotted #244bb1;outline-offset:2px}a{color:#224bb3}.desktop{height:100dvh;min-height:650px;overflow:hidden;position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 82% 13%,#ffefce 0 16%,transparent 16.2%),radial-gradient(ellipse at 11% 90%,#e7e4bc 0 17%,transparent 17.2%),linear-gradient(155deg,#a4d1d1 0 31%,#c7e7e1 31.2% 48%,#fff1d1 48.2% 58%,#b5d7cf 58.2% 100%)}.grain{pointer-events:none;position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' seed='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.43'/%3E%3C/svg%3E");z-index:1}.menubar{height:48px;display:flex;align-items:center;gap:28px;padding:0 24px;background:#f6eddb;border-bottom:3px solid #29312e;box-shadow:0 3px #f7f0da;position:relative;z-index:105;font-size:13px}.menu-brand{white-space:nowrap;font-weight:900;letter-spacing:-.5px}.brand-os{font-family:Georgia,serif;font-style:italic}.tiny-computer{font-size:21px;vertical-align:-2px;margin-right:4px}.menubar nav{display:flex;gap:2px}.menubar nav a{border:0;background:transparent;padding:8px 10px;font-weight:700}.menubar nav a:hover{background:#d8e5d4;text-decoration:underline}.menubar-right{margin-left:auto;display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:1px;font-family:Courier New,monospace;white-space:nowrap}.online-pip{width:9px;height:9px;border-radius:50%;background:#4f935f;display:inline-block;box-shadow:0 0 0 2px #e3f2dc}.menubar-time{font-size:13px;font-weight:700;letter-spacing:0;margin-left:12px}.workspace{position:relative;flex:1;min-height:0;z-index:2}.desktop-intro{position:absolute;left:4.5%;top:5%;font-family:Courier New,monospace;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px;color:#264b48}.intro-star{font-size:25px;color:#4259a3}.intro-underline{text-decoration:underline;text-underline-offset:4px}.desktop-icons{position:absolute;right:2.4%;top:8%;width:110px;display:grid;grid-template-columns:1fr;gap:10px;z-index:8}.desktop-icon{border:1px solid transparent;background:transparent;display:flex;flex-direction:column;gap:4px;align-items:center;padding:5px 4px;min-height:91px;color:#263532;touch-action:manipulation}.desktop-icon:hover,.desktop-icon:focus-visible{background:#f6e8b77a;border:1px dotted #304749}.desktop-icon span{font-size:12px;font-weight:700;text-align:center;text-shadow:1px 1px #f7f3df,-1px -1px #f7f3df;line-height:1.15}.glyph{filter:drop-shadow(2px 3px 0 rgba(44,49,45,.28));flex-shrink:0}.desktop-sticker{position:absolute;bottom:13%;right:13%;width:140px;transform:rotate(-8deg);border:2px solid #2b3834;background:#f6eac6;box-shadow:5px 5px #31433d;display:flex;gap:8px;padding:13px;font:900 10px/1.4 Courier New,monospace}.sticker-star{font-size:29px;color:#b44f5e}.desktop-postit{position:absolute;bottom:11%;left:3.5%;width:192px;background:#f8e6b1;border:2px solid #33372e;box-shadow:5px 6px #2a383159;padding:13px 15px;transform:rotate(2deg);font:12px/1.5 Courier New,monospace}.desktop-postit span{font-weight:700;font-size:10px}.desktop-postit p{margin:8px 0 10px}.os-window{position:absolute;top:12%;left:calc(50% - 330px);width:min(660px,calc(100% - 180px));max-height:75%;display:flex;flex-direction:column;background:#f3efe2;border:3px solid #27332e;box-shadow:7px 8px #28332e;transform:translate(var(--drag-x,0px),var(--drag-y,0px));min-height:180px}.os-window.is-front{box-shadow:9px 10px #28332e}.os-window--welcome{width:min(760px,calc(100% - 220px));top:13%;left:calc(50% - 420px)}.os-window--work{top:19%;left:calc(50% - 380px);width:660px}.os-window--writing{top:15%;left:calc(50% - 350px);width:690px}.os-window--about{top:22%;left:calc(50% - 310px);width:550px}.os-window--guestbook{top:9%;left:calc(50% - 345px);width:680px;max-height:79%}.os-window--enterprise,.os-window--startups{top:17%;left:calc(50% - 310px);width:630px}.os-window--hello,.os-window--internet{top:23%;left:calc(50% - 300px);width:560px}.window-bar{height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 11px;background:linear-gradient(90deg,#788b88,#a9b6a9);color:#192b2b;font-weight:700;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.is-front .window-bar{background:linear-gradient(90deg,#294a95,#5c79bd);color:#fff}.window-title{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-glyph{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;background:#f6ecd1;color:#34454d;border:1px solid #252a31;margin-right:4px}.window-controls{display:flex;gap:3px}.chrome-button{width:24px;height:23px;border:2px solid #25332c;background:#f2ede0;box-shadow:inset 2px 2px #fff,inset -2px -2px #aaa99f;color:#17272b;font:700 17px/17px Tahoma,sans-serif;padding:0}.chrome-button:active{box-shadow:inset 2px 2px #aaa99f}.window-menu{height:28px;flex-shrink:0;border-bottom:2px solid #bab7ae;padding:6px 11px 4px;font:12px Tahoma,Verdana,sans-serif;color:#313c34}.window-body{overflow:auto;flex:1;min-height:0;scrollbar-color:#8da1a4 #e5e2d8}.welcome-content{padding:36px 40px 26px;background:linear-gradient(130deg,#fffaf0,#f5eccd);position:relative}.welcome-content:after{content:"✳";position:absolute;right:18px;top:4px;font-size:42px;color:#e0b7a7;transform:rotate(15deg)}.signal{font:700 11px Courier New,monospace;letter-spacing:1px;display:flex;align-items:center;gap:10px;margin:0 0 22px}.welcome-content h1{font:700 clamp(34px,3.55vw,53px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-1.4px;max-width:650px;margin:0 0 21px}.welcome-content h1 em{font-weight:700;font-style:normal;color:#2b4d9d}.hero-description{font:16px/1.6 Verdana,Tahoma,sans-serif;max-width:610px;margin:0 0 24px}.welcome-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.retro-button{padding:10px 16px;border:2px solid #29332b;background:#eee5cc;color:#192925;box-shadow:inset 2px 2px #fff,3px 4px #28372f;font:700 13px Tahoma,Verdana,sans-serif}.retro-button:hover{background:#ffedb4;transform:translate(-1px,-1px);box-shadow:inset 2px 2px #fff,4px 5px #28372f}.retro-button:active{transform:translate(2px,2px);box-shadow:inset 1px 1px #aaa}.retro-button.primary{background:#f1c66f}.textlink{padding:6px;background:none;border:0;text-decoration:underline;color:#254ca4;font-weight:700}.welcome-note{font:11px Courier New,monospace;color:#5d6a60;margin:25px 0 0}.address{font:12px Courier New,monospace;border:2px inset #bcb8ad;background:#fffdf4;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address span{font-family:Tahoma,sans-serif;color:#666;margin-right:16px}.folder-content{padding:13px 16px 0}.explorer-caption{font:13px/1.55 Verdana,sans-serif;margin:17px 3px}.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:22px 8px 28px;min-height:182px}.file-tile{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px dotted transparent;padding:12px 6px;background:none;min-width:0}.file-tile:hover,.file-tile:focus-visible{border-color:#637eaa;background:#d9e5ed}.file-tile span{font:700 13px Courier New,monospace;overflow-wrap:anywhere}.file-tile small{font:11px Verdana,sans-serif;color:#626966}.window-status{margin:3px -16px 0;border-top:2px groove #c8c8c1;padding:7px 10px;font:11px Courier New,monospace;color:#48514a}.document-content{padding:22px 30px 28px;background:#fffaf0;font:15px/1.65 Verdana,Tahoma,sans-serif}.document-content h2{font:700 31px/1.18 Georgia,serif;letter-spacing:-.6px;margin:13px 0 17px}.document-content p{max-width:590px}.doc-path{font:11px Courier New,monospace;color:#496f78;overflow-wrap:anywhere;border-bottom:1px dashed #bfb8a5;padding-bottom:12px}.doc-footnote{font:11px/1.6 Courier New,monospace;background:#e5e6d7;border-left:4px solid #627d69;padding:12px}.avatar-block{display:flex;gap:14px;align-items:center}.avatar-block h2{margin:4px 0 0}.blink{font:11px Courier New,monospace;color:#4c8863}.away{padding:15px;background:#d8e8dc;border:2px inset #bbc8bc;margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.away span{font:700 11px Courier New,monospace}.away button{border:0;background:none;color:#244ba9;text-align:left;text-decoration:underline}.articles{padding:0 4px 14px}.article-link{display:flex;gap:11px;align-items:center;border-bottom:1px dashed #b9b9ae;padding:11px 3px;text-decoration:none;color:#282d29}.article-link:hover{background:#e1e8e2}.article-link span:nth-child(2){flex:1;min-width:0}.article-link strong{display:block;font:700 13px/1.4 Verdana,sans-serif}.article-link small{display:block;font:11px/1.4 Courier New,monospace;color:#4d6662;margin-top:4px}.contact-warning{background:#f8e2c8;border-left:4px solid #b67846;padding:12px;font-size:12px}.contact-options{display:flex;gap:18px;flex-wrap:wrap}.contact-options button{background:transparent;border:0;color:#254ca4;text-decoration:underline}.guestbook-content{padding:19px 24px 25px;background:#fffaf1}.guestbook-heading{display:flex;gap:15px;align-items:center}.guestbook-heading h2{font:700 27px/1.12 Georgia,serif;margin:0}.guestbook-heading p{margin:6px 0 12px;font-size:13px}.guestbook-heart{font-size:45px;color:#ba657b;text-shadow:3px 2px #efb8bc}.demo-note{background:#f7e4aa;border:1px solid #aa7c49;font:12px/1.5 Courier New,monospace;padding:10px;margin:12px 0}.guestbook-form{padding:17px;background:#e8e7d9;border:2px inset #c2c5b7}.guestbook-form label{display:flex;flex-direction:column;gap:7px;font:700 12px Courier New,monospace;margin-bottom:14px}.guestbook-form label span{font-weight:400;color:#666}.guestbook-form input,.guestbook-form textarea{border:2px inset #a0a69b;padding:10px;background:#fffefa;resize:vertical;color:#30352f;width:100%;font:13px/1.5 Verdana,sans-serif}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-bottom span{font:12px Courier New,monospace}.form-notice{font:12px/1.5 Courier New,monospace;color:#264e57}.guestbook-entries{margin-top:24px}.entries-title{border-bottom:2px solid #29392f;font:700 12px Courier New,monospace;padding-bottom:9px}.empty-entries{font:italic 13px Georgia,serif;color:#6b726d}.guestbook-entry{border-bottom:1px dashed #a7a9a0;padding:12px 1px}.guestbook-entry div{display:flex;justify-content:space-between;gap:10px}.guestbook-entry strong{font-size:13px}.guestbook-entry time{font:11px Courier New,monospace;color:#777}.guestbook-entry p{font:13px/1.5 Verdana,sans-serif;overflow-wrap:anywhere}.taskbar{height:43px;flex-shrink:0;background:#e7e6dc;border-top:3px solid #fefcf6;box-shadow:inset 0 2px #a4a7a0;display:flex;align-items:center;gap:7px;padding:4px 7px;z-index:110;position:relative}.start-wrap{position:relative}.start-button{height:32px;padding:3px 13px;font:900 14px Tahoma,sans-serif;border:2px outset #fffdf5;background:#e2dfd5;color:#1b302d;white-space:nowrap}.start-button.active{border-style:inset}.start-mark{color:#3054aa;font-size:21px;vertical-align:-3px}.start-menu{position:absolute;bottom:35px;left:0;width:205px;background:#f0eedf;border:2px solid #27332e;box-shadow:5px 5px #27332e;display:flex;flex-direction:column;z-index:130}.start-menu-title{background:#32519e;color:#fff;padding:9px;font-weight:700}.start-menu a{background:transparent;border:0;padding:11px;text-align:left}.start-menu a:hover{background:#c8d8e8}.task-apps{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:none}.task-apps button{border:2px outset #fff9e9;background:#e2e1d6;padding:5px 11px;min-width:100px;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.task-apps button.selected{border-style:inset;background:#c8c9bf;font-weight:700}.task-clock{white-space:nowrap;border:2px inset #fffdf4;padding:5px 9px;font:12px Courier New,monospace}.task-clock span{color:#bb5a7a}@media(min-width:761px)and (max-height:770px){.os-window--welcome{top:9%}.welcome-content{padding:22px 30px}.welcome-content h1{font-size:clamp(28px,3vw,43px)}.desktop-icons{gap:0;top:5%}.desktop-icon{min-height:75px}.desktop-icon .glyph{width:43px;height:43px}.desktop-postit{bottom:5%}}@media(max-width:1100px)and (min-width:761px){.os-window--welcome{left:5%;width:72%}.os-window:not(.os-window--welcome){left:10%;max-width:72%}.desktop-sticker{right:13%;bottom:8%}.desktop-postit{display:none}.desktop-icons{right:1%}}@media(max-width:760px){html,body,#root{height:100%;overflow:hidden}.desktop{min-height:0;height:100dvh;background:linear-gradient(155deg,#abd7d3,#f7edcb 54%,#a1cfc6)}.menubar{height:45px;padding:0 12px;gap:12px}.menu-brand{font-size:13px}.menubar nav{gap:0}.menubar nav a{font-size:11px;padding:6px}.menubar nav a:nth-child(3),.menubar nav a:nth-child(4){display:none}.menubar-right{font-size:0;gap:2px}.menubar-time{font-size:11px;margin-left:3px}.desktop-intro{top:2.5%;left:5%;font-size:10px;display:block}.intro-star{font-size:18px}.intro-underline{display:none}.desktop-icons{inset:auto 3% 14px;width:94%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;justify-items:center}.desktop-icon{min-height:74px;width:100%;gap:1px;padding:3px}.desktop-icon .glyph{width:43px;height:43px}.desktop-icon span{font-size:11px}.desktop-sticker,.desktop-postit{display:none}.os-window{position:absolute!important;top:8%!important;left:3%!important;width:94%!important;max-height:85%!important;transform:none!important;box-shadow:5px 5px #28332e;min-height:0}.os-window--welcome{top:8%!important;max-height:66%!important}.window-bar{touch-action:auto;cursor:default;height:33px}.window-body{overscroll-behavior:contain}.window-menu{font-size:11px}.welcome-content{padding:18px 17px 17px}.welcome-content h1{font-size:clamp(28px,7vw,42px);letter-spacing:-.9px;margin-bottom:15px}.welcome-content:after{font-size:28px;right:8px}.hero-description{font-size:13px;line-height:1.5;margin-bottom:16px}.signal{font-size:9px;margin-bottom:15px}.welcome-note{margin-top:14px;font-size:10px}.welcome-actions{gap:12px}.retro-button{padding:8px 10px;font-size:12px}.document-content{padding:15px 16px;font-size:13px}.document-content h2{font-size:25px}.folder-content{padding:9px 10px 0}.file-grid{gap:5px;padding:9px 0 15px}.file-tile{padding:8px 3px}.file-tile .glyph{width:50px;height:50px}.file-tile span{font-size:11px}.file-tile small{font-size:10px}.guestbook-content{padding:12px}.guestbook-heading h2{font-size:22px}.guestbook-heart{font-size:33px}.guestbook-form{padding:12px}.guestbook-form label{font-size:11px}.article-link strong{font-size:12px}.taskbar{height:40px}.start-button{height:29px;font-size:12px;padding:2px 7px}.task-apps button{min-width:80px;max-width:120px;font-size:10px}.task-clock{font-size:11px;padding:4px}.window-status{margin-left:-10px;margin-right:-10px}}@media(max-width:390px){.menubar nav a:nth-child(2){display:none}.welcome-content h1{font-size:28px}.desktop-icons{bottom:8px}.desktop-icon .glyph{width:38px;height:38px}.desktop-icon{min-height:68px}.hero-description{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:761px){.desktop-icon--welcome{position:absolute;right:120px;top:0;width:110px}}.welcome-content .signal{margin-bottom:10px}.welcome-name{font:700 clamp(20px,2.2vw,26px)/1.3 "Courier New",monospace;margin:0 0 24px}.welcome-name span{color:#224bb3}@media(max-width:760px){.welcome-content .signal{margin-bottom:8px}.welcome-name{font-size:20px;margin-bottom:20px}}.guestbook-form input::placeholder,.guestbook-form textarea::placeholder{color:#707070;opacity:1}.guestbook-entry a{font-size:12px;overflow-wrap:anywhere}.menubar nav a,.start-menu a{color:inherit;text-decoration:none}.desktop-icon,.file-tile{text-decoration:none;color:inherit}.retro-button,.textlink{display:inline-block;text-decoration:none}.textlink{text-decoration:underline}.contact-options a{font-size:inherit}.os-window[hidden]{display:none}@media(max-width:760px){.os-window:not(.is-front){display:none}}
