:root{--xp-blue:#245edb;--xp-blue-dark:#0a246a;--xp-green:#3c9a2a;--xp-sel:#316ac5;--taskbar-h:30px;--font-ui:Tahoma, "Segoe UI", Verdana, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#000;margin:0;font-size:11px;overflow:hidden}.os-root{position:fixed;inset:0}.desktop{inset:0 0 var(--taskbar-h) 0;background:url(/wallpaper/bliss.jpg) 50%/cover no-repeat,radial-gradient(120% 60% at 35% 108%,#4d9a2d 0 40%,#3f8b23 52%,#0000 53%),radial-gradient(90% 45% at 85% 100%,#5aa83a 0 45%,#0000 46%),radial-gradient(18% 7% at 22% 22%,#ffffffe6,#0000 70%),radial-gradient(26% 9% at 30% 18%,#ffffffbf,#0000 70%),radial-gradient(22% 8% at 72% 14%,#fffc,#0000 70%),radial-gradient(30% 10% at 82% 26%,#ffffff8c,#0000 70%),linear-gradient(#2a6be2 0%,#5b9cf0 45%,#a8cdf6 62%,#d3e8f8 66%);position:absolute;overflow:hidden}.desktop-icon{box-shadow:none;color:#fff;min-width:0;min-height:0;font:11px var(--font-ui);text-align:center;text-shadow:1px 1px 2px #000;cursor:default;touch-action:none;background:0 0;border:1px dotted #0000;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;display:flex;position:absolute}.desktop-icon:focus-visible{border-color:#fff;outline:none}.desktop-icon span{word-break:break-word;padding:0 2px;line-height:1.2}.desktop-icon.selected span{background:var(--xp-sel)}.desktop-icon.selected svg{filter:brightness(.75)sepia()hue-rotate(180deg)saturate(3)}.desktop-icon.bin-hot{transition:transform .1s;transform:scale(1.15)}.marquee{pointer-events:none;z-index:5;background:#316ac540;border:1px solid #3169c6;position:absolute}.os-window{flex-direction:column;min-width:0;position:absolute}.os-window .title-bar{touch-action:none;cursor:default}.os-window .title-bar-text{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.os-window.inactive .title-bar{filter:saturate(.7);background:linear-gradient(#7a96df,#7b97e0 10%,#8aa6ea 50%,#7b97e0)}.os-window-body{-webkit-user-select:text;user-select:text;flex:1;min-height:0;position:relative;overflow:auto;margin:0 3px 3px!important}.os-resize{cursor:nwse-resize;touch-action:none;width:14px;height:14px;position:absolute;bottom:0;right:0}.app-loading{color:#555;padding:16px}.taskbar{height:var(--taskbar-h);z-index:100000;background:linear-gradient(#1f2f86 0,#3165c4 3%,#3682e5 6%,#4490e6 10%,#3883e5 12%,#2b71e0 15%,#2663da 18%,#235bd6 20%,#2258d5 23%,#2157d6 38%,#245ddb 54%,#2562df 86%,#245fdc 89%,#2158d4 92%,#1d4ec0 95%,#1941a5 98%);align-items:stretch;display:flex;position:absolute;bottom:0;left:0;right:0}.start-button{color:#fff;min-width:0;min-height:0;font:italic bold 18px "Trebuchet MS", var(--font-ui);text-shadow:1px 1px 2px #0009;text-transform:lowercase;background:radial-gradient(circle at 30% 20%,#79c46a,#3c9a2a 55%,#2d7d1f);border:none;border-radius:0 12px 12px 0;align-items:center;gap:6px;padding:0 22px 0 10px;display:flex;box-shadow:inset 0 1px 1px #ffffff80,2px 0 3px #00000059}.start-button:hover{filter:brightness(1.1)}.start-button.pressed{filter:brightness(.85)}.start-flag,.boot-flag{background:linear-gradient(#f35325,#f35325) 0 0/48% 48% no-repeat,linear-gradient(#81bc06,#81bc06) 100% 0/48% 48% no-repeat,linear-gradient(#05a6f0,#05a6f0) 0 100%/48% 48% no-repeat,linear-gradient(#ffba08,#ffba08) 100% 100%/48% 48% no-repeat;border-radius:3px;width:20px;height:18px;display:inline-block;transform:skewY(-6deg)}.task-list{flex:1;gap:3px;padding:3px 6px;display:flex;overflow:hidden}.task{color:#fff;min-width:0;min-height:0;font:11px var(--font-ui);text-align:left;background:linear-gradient(#3c81f3,#3474e8);border:1px solid #1b4fbf;border-radius:3px;flex:0 160px;align-items:center;gap:6px;padding:0 8px;display:flex;box-shadow:inset 0 1px #ffffff4d}.task span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task.is-active{background:linear-gradient(#1e52b7,#1a48aa);box-shadow:inset 1px 1px 2px #00000080}.tray{color:#fff;background:linear-gradient(#0c59b9,#139ee9 6%,#18b5f2 12%,#139beb 30%,#1290e8 55%,#0d8dea 85%,#0a85de);border-left:1px solid #0f2f8a;align-items:center;gap:8px;padding:0 12px;display:flex}.start-menu{left:0;bottom:var(--taskbar-h);z-index:100001;background:#fff;border:1px solid #0831d9;border-radius:8px 8px 0 0;flex-direction:column;width:min(380px,100vw);display:flex;position:absolute;overflow:hidden;box-shadow:3px 3px 8px #00000080}.start-menu header{color:#fff;text-shadow:1px 1px 2px #0009;background:linear-gradient(#1868ce,#0e60cb 12% 20%,#1164cf 32%,#1667cf 33%,#1b6cd3 47%,#1e70d9 54%,#2476dc 60%,#297ae0 65%,#3482e5 77%,#3786e6 79%,#428ded 90%,#4791eb);align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.start-menu .avatar{background:#d7e4f7;border:2px solid #fff;border-radius:4px;place-items:center;width:46px;height:46px;display:grid}.start-columns{border-top:2px solid #e67e22;grid-template-columns:1fr 1fr;display:grid}.start-columns ul{margin:0;padding:6px 0;list-style:none}.start-right{background:#d3e5fa;border-left:1px solid #95bdee}.start-columns button{width:100%;min-width:0;min-height:0;box-shadow:none;color:#000;font:11px var(--font-ui);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:4px 8px;display:flex}.start-right button{color:#0a246a}.start-columns button:hover{background:var(--xp-sel);color:#fff}.start-columns .bold{font-weight:700}.start-menu footer{background:linear-gradient(#4282d6,#3b85e0 3%,#418ae3 5% 17%,#3c87e2 21%,#3786e4 26%,#3482e3 29%,#2e7ee1 39%,#2374df 49%,#2072db 57%,#196edb 62%,#176bd8 72%,#1468e5 75%,#1165e2 83%,#0f63e0);justify-content:flex-end;gap:4px;padding:6px;display:flex}.start-menu footer button,.login-band button{min-width:0;min-height:0;box-shadow:none;color:#fff;font:11px var(--font-ui);background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;display:flex}.start-menu footer button:hover,.login-band button:hover{filter:brightness(1.2);text-decoration:underline}.power-icon{background:radial-gradient(circle,#f9a17a,#d33b0b);border:1px solid #fff;border-radius:4px;width:22px;height:22px}.power-icon.logoff{background:radial-gradient(circle,#ffd970,#e19a00)}.boot,.shutdown,.bsod,.login{color:#fff;position:fixed;inset:0}.boot{cursor:pointer;background:#000;place-content:center;justify-items:center;gap:48px;display:grid}.boot-logo{align-items:center;gap:14px;display:flex}.boot-logo .boot-flag{border-radius:8px;width:64px;height:58px}.boot-logo div{display:grid}.boot-logo small{font-size:13px}.boot-logo strong,.login-brand strong{letter-spacing:-1px;font:700 44px Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.boot-logo sup,.login-brand sup{color:#f60;font-size:22px}.boot-logo em{color:#bbb;justify-self:end;font-size:12px}.boot-bar{border:2px solid #b2b2b2;border-radius:4px;width:160px;height:18px;padding:2px;position:relative;overflow:hidden}.boot-bar span{background:linear-gradient(#2838c7,#899ef0 50%,#2838c7);border-radius:1px;width:10px;height:10px;animation:1.8s linear infinite boot-slide;position:absolute;top:2px}.boot-bar span:nth-child(2){animation-delay:.12s}.boot-bar span:nth-child(3){animation-delay:.24s}@keyframes boot-slide{0%{left:-36px}to{left:172px}}.boot-skip{color:#555}.login{background:#5a7edc;grid-template-rows:80px 1fr 80px;display:grid}.login-band.top{background:#00309c;border-bottom:2px solid #f0a050}.login-band.bottom{background:#00309c;border-top:2px solid #f0a050;align-items:center;padding:0 32px;display:flex}.login-main{background:radial-gradient(circle at 10% 10%,#91b1ef,#5a7edc 40%);flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;padding:16px;display:flex}.login-brand{text-align:right;justify-items:end;display:grid}.login-brand .boot-flag{width:48px;height:44px}.login-brand p{margin:12px 0 0;font-size:14px}.login-divider{background:linear-gradient(#0000,#fff,#0000);align-self:stretch;width:1px;margin:40px 0}.login-user{min-width:0;min-height:0;box-shadow:none;color:#fff;font:14px var(--font-ui);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:14px;padding:10px 24px 10px 10px;display:flex}.login-user:hover,.login-user:focus-visible{background:linear-gradient(90deg,#00309c,#0000);outline:none}.login-user strong{font-size:20px;display:block}.login-avatar{background:#d7e4f7;border:3px solid #fff;border-radius:6px;place-items:center;width:60px;height:60px;display:grid}.bsod{cursor:none;background:#00a;place-items:center;padding:24px;font:15px Lucida Console,Courier New,monospace;display:grid}.bsod pre{max-width:100%;color:inherit;white-space:pre-wrap;font:inherit;background:0 0;border:none;margin:0;padding:0}.bsod-joke{text-align:center;cursor:pointer;font-size:20px}.bsod-face{margin:0;font-size:120px}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.shutdown{text-align:center;color:#f80;font:22px var(--font-ui);cursor:pointer;background:#000;place-content:center;display:grid}.shutdown small{color:#666;font-size:12px}@media (prefers-reduced-motion:reduce){.boot-bar span,.blink{animation:none}}.sketch-stage{font-family:var(--font-hand), "Comic Sans MS", cursive;background:#fbf8ef;position:fixed;inset:0}.sketch-grain{pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.skip-to-xp{z-index:50;color:#1a1a1a;min-width:0;min-height:0;font:20px var(--font-hand), cursive;cursor:pointer;background:#fbf8ef;border:2px solid #1a1a1a;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:6px 14px;position:fixed;bottom:16px;right:16px;box-shadow:3px 3px #1a1a1a}.skip-to-xp:hover{background:#f7e733;transform:rotate(-2deg)}.paper-wipe{z-index:200000;pointer-events:none;clip-path:circle(0%);background:#fbf8ef;transition:clip-path .45s ease-in-out;position:fixed;inset:0}.paper-wipe.on{clip-path:circle(150%);pointer-events:auto}.shutdown-exit{min-width:0;box-shadow:none;color:#f80;font:14px var(--font-ui);cursor:pointer;background:0 0;border:1px solid #f80;margin-top:24px;padding:6px 14px}@media (prefers-reduced-motion:reduce){.paper-wipe{transition:none}}.app-overlay{z-index:100;pointer-events:none;position:fixed;inset:0}.app-overlay .os-window{pointer-events:auto;box-shadow:6px 6px #1a1a1ad9}.desktop-icon .project-thumb{object-fit:cover;background:#fff;border:2px solid #fff;border-radius:2px;width:44px;height:34px;transition:transform .15s;transform:rotate(-2deg);box-shadow:1px 2px 4px #00000073}.desktop-icon.project-icon:nth-child(2n) .project-thumb{transform:rotate(2deg)}.desktop-icon.project-icon:hover .project-thumb{transform:rotate(0)scale(1.08)}.desktop-icon.selected .project-thumb{filter:none;outline:2px solid var(--xp-sel)}.desktop-icon span{max-height:2.6em;overflow:hidden}