*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Tahoma,"MS UI Gothic",sans-serif;font-size:12px}
button{font:inherit}#desktop{height:100%;position:relative;background:url("images/desktop-bg.jpg") center center/cover no-repeat;overflow:hidden}
.desktop-icons{position:absolute;top:18px;left:12px;display:grid;grid-template-columns:76px;gap:15px;z-index:2}.desktop-icon{width:76px;border:0;background:transparent;color:white;text-shadow:1px 1px 2px #000;cursor:default;padding:2px}.desktop-icon:focus em,.desktop-icon:hover em{background:#245edb80;outline:1px dotted white}.desktop-icon em{font-style:normal;display:inline-block;padding:2px;margin-top:3px;line-height:14px}
.ico{position:relative;display:block;width:46px;height:42px;margin:auto;filter:drop-shadow(2px 2px 1px #0007)}
.folder{height:32px;margin-top:7px;background:linear-gradient(#ffe879,#e6a91e);border:1px solid #8b6500;border-radius:2px}.folder:before{content:"";position:absolute;left:3px;top:-7px;width:21px;height:9px;background:#f4cf48;border:1px solid #8b6500;border-bottom:0}.pictures{background:linear-gradient(135deg,#fff 0 65%,#ccc 65%);border:2px solid white;box-shadow:inset 0 0 0 1px #555}.pictures:after{content:"";position:absolute;inset:8px;background:linear-gradient(145deg,#58aee8 0 50%,#35a34a 50%)}.computer{background:linear-gradient(#dbe7ee,#8798a2);border:2px solid #eee;border-radius:3px;box-shadow:inset 0 0 0 2px #455}.computer:after{content:"";position:absolute;left:8px;right:8px;bottom:-7px;height:5px;background:#bbb;border:1px solid #555}.textfile{width:34px;background:white;border:1px solid #777}.textfile:after{content:"≡\A≡\A≡";white-space:pre;position:absolute;color:#245edb;left:7px;top:7px;font-size:16px;line-height:9px}.mail{background:linear-gradient(145deg,#fff,#bbb);border:2px solid white;clip-path:polygon(0 15%,100% 15%,100% 90%,0 90%)}.mail:after{content:"";position:absolute;left:3px;top:8px;width:35px;height:22px;border-bottom:2px solid #777;transform:rotate(32deg)}.trash{border:3px solid #e7eff7;background:linear-gradient(90deg,#b8d7df99,#fff9);transform:perspective(30px) rotateX(-4deg)}.unknown{background:#eee;border:2px outset white;color:#d00;font:bold 30px Arial;display:grid;place-items:center}
.window{position:absolute;left:var(--x);top:var(--y);width:min(var(--w),calc(100vw - 100px));background:#ece9d8;border:3px solid #0a56c9;border-radius:8px 8px 2px 2px;box-shadow:2px 5px 15px #0006;display:none;z-index:10;overflow:hidden}.window.active{display:block}.titlebar{height:30px;color:#fff;background:linear-gradient(#4b91f7 0,#1263d6 45%,#0c52c4 55%,#2c76df 100%);display:flex;align-items:center;padding:3px 4px 3px 7px;cursor:default}.titlebar b{flex:1;text-shadow:1px 1px #12428e}.controls{display:flex;gap:2px}.controls button{width:23px;height:23px;padding:0;color:white;font:bold 15px Arial;border:1px solid white;border-radius:3px;background:linear-gradient(#70a9f7,#1c62cc);box-shadow:inset 0 0 0 1px #1955a7}.controls button:last-child{background:linear-gradient(#f69b83,#d84a2d)}.menubar{height:25px;padding:5px 8px;background:#ece9d8;border-bottom:1px solid #aca899}.menubar span{margin-right:18px}.toolbar{height:39px;background:#ece9d8;border-bottom:1px solid #aaa;display:flex;align-items:center;gap:6px;padding:4px}.toolbar button{border:0;background:transparent;font-size:18px}.toolbar div{background:white;border:1px inset #bbb;padding:5px;flex:1}.body{background:#fff;padding:18px;min-height:220px}.welcome{min-height:330px;background:linear-gradient(90deg,#eef5ff,#fff);display:grid;place-items:center}.panel{width:82%;border-left:7px solid #2c6cd6;padding:10px 22px}.kicker{color:#245edb;font-weight:bold;letter-spacing:.1em}.panel h1{font:900 64px/1 Arial;margin:8px 0;color:#1e4e9f;letter-spacing:-.06em}.small{color:#555;line-height:1.6}.xp-button{background:linear-gradient(#fff,#e3e0d2);border:1px solid #777;border-radius:3px;box-shadow:inset 0 0 0 1px white;padding:5px 13px}.statusbar{height:23px;background:#ece9d8;border-top:1px solid #aaa;display:flex}.statusbar span{padding:4px 8px;border-right:1px solid #bbb;flex:1}.explorer{padding:0;display:grid;grid-template-columns:180px 1fr;min-height:330px}.explorer aside{background:linear-gradient(#7ca5e9,#d7e5ff);padding:12px}.explorer aside h3{font-size:12px;color:#17458d}.explorer aside p{color:#164f9e}.filegrid{padding:25px;display:grid;grid-template-columns:repeat(2,130px);gap:30px}.filegrid button{border:0;background:none}.big-folder{display:block;width:58px;height:40px;margin:auto;background:#f2c63d;border:1px solid #9d7610;position:relative}.big-folder:before{content:"";position:absolute;left:3px;top:-9px;width:28px;height:10px;background:#ffe16c;border:1px solid #9d7610}.filegrid b{display:block;margin-top:8px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.thumbs div{height:105px;background:linear-gradient(135deg,#d7e6f6,#9cb7d4);border:1px solid #999;display:grid;place-items:end center;padding:7px;font-size:10px}.nekoid{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.fake-screen{height:145px;background:#050505;color:#62ff75;display:grid;place-items:center;font:26px monospace;text-align:center}.fake-screen span{font-size:10px}.notepad{font:14px/1.5 "Courier New",monospace;min-height:260px}.center{text-align:center}.errorbody{display:flex;gap:18px;align-items:center}.errorx{width:42px;height:42px;border-radius:50%;background:#d62828;color:#fff;font:bold 36px/40px Arial;text-align:center}
.taskbar{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(#3988ef,#155bc7 45%,#0c50ba);z-index:1000;display:flex}.taskbar #start{width:105px;border:0;border-radius:0 14px 14px 0;color:white;font:bold italic 18px Arial;text-shadow:1px 1px #174c19;background:linear-gradient(#63b65d,#2c8b35 50%,#26762c)}#start span{font-style:normal}.tray{margin-left:auto;background:linear-gradient(#20a5ef,#0c82d5);border-left:1px solid #69c7f5;color:white;display:flex;align-items:center;gap:9px;padding:0 12px}.taskbar time{min-width:42px}#tasks{display:flex;align-items:center;gap:3px;padding:4px;overflow:hidden}.taskbutton{height:30px;min-width:125px;max-width:180px;text-align:left;color:white;border:1px solid #104fa9;border-radius:3px;background:linear-gradient(#4e93e9,#2c6dc9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#startmenu{display:none;position:absolute;bottom:40px;left:0;width:360px;background:white;border:3px solid #1b65d4;border-radius:7px 7px 0 0;z-index:999}.userbar{height:62px;background:linear-gradient(#4b91ed,#1765cc);color:white;font-size:18px;display:flex;align-items:center;gap:10px;padding:8px}.avatar{display:grid;place-items:center;width:45px;height:45px;background:#eee;color:#245edb;border:2px solid white;border-radius:5px}.startbody{display:grid;grid-template-columns:1fr 1fr}.startbody>div{padding:9px}.startbody .pale{background:#d9e7fb}.startbody button{display:block;width:100%;text-align:left;padding:9px 4px;border:0;background:transparent}.startbottom{text-align:right;background:#2d72d2;color:white;padding:10px}#startmenu.show{display:block}
@media(max-width:700px){#desktop{min-height:100dvh;background-position:32% center}.desktop-icons{grid-template-columns:repeat(4,72px);width:100%;gap:12px 3px}.window{left:8px!important;top:115px!important;width:calc(100vw - 16px)!important;max-height:calc(100dvh - 165px);overflow:auto}.welcome{min-height:300px}.panel h1{font-size:48px}.explorer{grid-template-columns:1fr}.explorer aside{display:none}.filegrid{grid-template-columns:repeat(2,1fr)}.thumbs{grid-template-columns:repeat(2,1fr)}.nekoid{grid-template-columns:1fr}.taskbar{height:44px}#startmenu{bottom:44px;width:min(360px,95vw)}}
.project-files{display:flex;gap:28px;align-items:flex-start;min-height:280px;padding:28px}
.project-file,.ghost-file{width:110px;text-align:center;border:0;background:transparent;padding:7px}
.project-file:hover{background:#316ac522;outline:1px dotted #316ac5}
.project-file b,.project-file small,.ghost-file b{display:block;margin-top:6px}
.project-file small{font-size:10px;color:#555}
.video-file{display:grid;place-items:center;width:58px;height:68px;margin:auto;background:linear-gradient(135deg,#fff 0 78%,#cdd6e4 78%);border:1px solid #777;box-shadow:2px 2px 2px #0003;position:relative}
.video-file:after{content:"";position:absolute;left:7px;right:7px;bottom:8px;height:5px;background:#245edb}
.video-file i{font-style:normal;color:#245edb;font-size:24px}
.video-file.large{width:68px;height:80px;margin:0}
.ghost-file{opacity:.45}.ghost-file span{display:grid;place-items:center;width:58px;height:68px;margin:auto;border:1px dashed #777;font-size:30px}
.properties{background:#ece9d8}.prop-head{display:flex;align-items:center;gap:18px;padding:8px 5px 16px}.prop-head h2{margin:0;font-size:25px}.prop-head p{margin:5px 0;color:#555}.tabs{display:flex;border-bottom:1px solid #777;gap:2px}.tabs>*{padding:5px 13px;border:1px solid #999;border-bottom:0;background:#ddd}.tabs b{background:#fff;position:relative;top:1px}.properties dl{display:grid;grid-template-columns:80px 1fr;background:#fff;border:1px solid #999;border-top:0;margin:0;padding:18px;line-height:1.8}.properties dt{color:#555}.properties dd{margin:0}.prop-actions{text-align:right;margin-top:15px}
.media-window{background:#111;border-color:#1a4f9b}.media-shell{background:#050505;padding:10px}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.wmp-strip{background:linear-gradient(#dfe9f4,#879fb9 45%,#2d455d 46%,#142739);color:white;border-radius:0 0 8px 8px;padding:9px}.wmp-title{display:flex;justify-content:space-between;gap:10px;font-size:11px}.wmp-title span{opacity:.8}.fake-controls{display:flex;align-items:center;gap:6px;margin-top:8px}.fake-controls button{width:30px;height:25px;border:1px solid #aab6c1;border-radius:12px;background:linear-gradient(#fff,#8093a4);color:#17334d}.fake-controls .play{width:38px;height:30px}.fake-seek{height:6px;background:#071522;border:1px inset #789;flex:1}.fake-seek i{display:block;width:28%;height:100%;background:#76b9ff}
@media(max-width:700px){.media-window{top:80px!important}.media-shell{padding:5px}.wmp-title{display:block}.wmp-title span{display:block;margin-top:3px}.project-files{min-height:220px}}