:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#090a14;color:#eeeae3}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:1.5px solid #f4eee4;outline-offset:-3px}button:disabled{pointer-events:none}[hidden]{display:none!important}#viewport{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;isolation:isolate}#wallpaper-host{position:absolute;left:0;top:0;transform-origin:0 0}#notebook{position:absolute;background:transparent;border:0;z-index:3;padding:0}#notebook:focus-visible{background:#edc59110;filter:drop-shadow(0 0 3px #f6dba6)}#notebook:hover{background:#e8c69204}#os{position:absolute;top:0;left:0;width:480px;height:270px;transform-origin:0 0;z-index:4;overflow:hidden;background:#08090c;color:#efeee9;backface-visibility:hidden;--paper:#efeee9}#os:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 22px #0006;z-index:5}.desktop{height:100%;padding:12px 20px 17px;opacity:0}#os[data-phase="ready"] .desktop{opacity:1;animation:page-in .5s ease both}#os header{height:43px;display:flex;align-items:center;justify-content:space-between}#os h1{font:italic 24px Georgia,'Times New Roman',serif;letter-spacing:-.8px;font-weight:400;margin:0;outline:none}#os h1 span{font-style:normal;font-size:17px;letter-spacing:1px;margin-left:3px}#os button{border:0;background:none;border-radius:2px}#os header button{font:italic 18px Georgia,serif;min-height:44px;padding:6px 8px;color:#c8c6c2}#os header button>span{font:24px Arial;margin-right:6px}#os nav{display:grid;grid-template-columns:repeat(4,1fr);height:178px;gap:3px;margin-top:4px;align-items:stretch}#os nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:19px Georgia,serif;padding:5px 0;letter-spacing:-.4px;position:relative}#os nav button:after{content:'';position:absolute;bottom:12px;left:25%;width:50%;height:1px;background:var(--paper);opacity:0;transform:scaleX(.2);transition:opacity .2s,transform .25s}#os nav button:hover:after,#os nav button:focus-visible:after{opacity:.55;transform:scaleX(1)}.illustration{width:100%;height:auto;overflow:visible;display:block}.illustration .faint{opacity:.45;stroke-width:.85}#os nav .illustration{width:80px;height:65px;transition:transform .25s,opacity .25s;opacity:.85}#os nav button:hover .illustration,#os nav button:focus-visible .illustration{transform:translateY(-3px) rotate(-2deg);opacity:1}.app-panel{position:absolute;inset:0;background:#090a0d;padding:15px 22px;text-align:center;animation:page-in .45s ease}.app-panel .close-app{position:absolute;top:8px;left:12px;font:italic 19px Georgia,serif;min-height:45px;padding:8px 12px;color:#cfcec9}.section-art{width:70px;margin:23px auto 1px;opacity:.8}.app-panel h2{font:29px Georgia,serif;letter-spacing:-.5px;font-weight:400;margin:8px 0 13px}.app-panel p{font:17px Georgia,serif;color:#c8c5be;margin:0}.app-panel small{display:block;font-size:10px;letter-spacing:1px;color:#92918c;margin-top:15px}.app-panel .illustration path{stroke-dasharray:300;stroke-dashoffset:300;animation:draw .85s ease forwards}.boot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;opacity:0;pointer-events:none;background:#08090c;z-index:3}.boot-symbol{width:101px;height:81px}.boot span{font:italic 20px Georgia,serif;letter-spacing:1px;opacity:0}.boot-symbol path{stroke-dasharray:300;stroke-dashoffset:300}#os[data-phase="boot"]{animation:panel-on 1.7s linear both}#os[data-phase="boot"] .boot{animation:boot-appear 1.7s ease both}#os[data-phase="boot"] .boot-symbol path{animation:draw .85s .38s ease forwards}#os[data-phase="boot"] .boot span{animation:word-appear .4s .85s ease forwards}#os[data-phase="ready"] .boot{display:none}@keyframes panel-on{0%,14%{background:#000}35%,100%{background:#08090c}}@keyframes boot-appear{0%,16%{opacity:0}35%,79%{opacity:1}100%{opacity:0}}@keyframes word-appear{to{opacity:.85}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes page-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}#pause{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));background:#0c10188c;border:1px solid #aeb6c120;border-radius:4px;padding:9px 11px;font-size:10px;color:#c6c5c8;opacity:.5;z-index:10}#pause:hover,#pause:focus-visible{opacity:1}#status,.no-script{position:fixed;top:46%;left:50%;transform:translateX(-50%);padding:16px 20px;background:#0c1018e6;color:#e2d0b6;border-radius:5px;font-size:13px;text-align:center;max-width:90vw;z-index:15}body[data-state="focus"] #pause,body[data-state="booting"] #pause{display:none}@media(max-width:650px){#pause{min-height:40px}.desktop{padding:8px 13px 12px}#os header{height:47px}#os h1{font-size:27px}#os header button{font-size:25px;min-height:47px}#os nav{grid-template-columns:1fr 1fr;grid-template-rows:94px 94px;gap:4px 12px;height:192px;margin-top:2px}#os nav button{font-size:27px;gap:1px;padding:0;letter-spacing:-.5px}#os nav .illustration{width:49px;height:42px}#os nav button:after{bottom:3px}.app-panel .close-app{font-size:26px;min-height:66px}.app-panel h2{font-size:31px}.app-panel p{font-size:23px}.app-panel small{font-size:17px}.section-art{width:68px;margin-top:35px}}@media(max-height:500px) and (min-width:651px){#os nav{grid-template-columns:1fr 1fr;grid-template-rows:94px 94px;height:192px;gap:4px 12px;margin-top:2px}#os nav button{flex-direction:row;font-size:26px;gap:3px}#os nav .illustration{width:43px;height:40px}.desktop{padding:8px 13px 12px}#os header{height:47px}#os header button{font-size:25px}#os nav button:after{bottom:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.app-panel .illustration path{stroke-dashoffset:0}}