*,body{margin:0}.window,body{display:flex}.post h2,.post p{margin-bottom:8px}*{box-sizing:border-box;padding:0;-webkit-font-smoothing:none}:root{--xp-blue:#0054E3;--xp-gray:#ECE9D8;--xp-border:#919B9C;--xp-text:#000000;--xp-link:#0000FF}body{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect width="4" height="4" fill="%23215B7E"/></svg>') #236b8e;font-family:Tahoma,'MS Sans Serif',sans-serif;justify-content:center;align-items:center;min-height:100vh;flex-direction:column;padding:15px;color:var(--xp-text)}.window{width:90%;max-width:600px;border:1px solid #000;border-radius:3px;box-shadow:2px 2px 10px rgba(0,0,0,.3);background:var(--xp-gray);margin-bottom:20px;flex-direction:column;position:relative;animation:.2s ease-out windowOpen}.window-header{background:linear-gradient(to right,#0054e3 0,#0054e3 60%,#3689ff 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:3px 5px;font-size:13px;border-top-left-radius:3px;border-top-right-radius:3px;user-select:none}.control-button,.window-title{align-items:center;display:flex}.window-title{font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5);padding-left:3px;gap:4px}.window-title-icon{width:16px;height:16px;margin-right:4px}.window-controls{display:flex;gap:2px}.control-button{background:linear-gradient(to bottom,#fff,#dfdfdf);border:1px solid #003c74;width:16px;height:14px;font-size:9px;cursor:pointer;justify-content:center;color:#000;border-radius:2px;padding:0;line-height:1}.control-button:hover{background:linear-gradient(to bottom,#ffe8a6,#ffb738)}.control-button.minimize::after{content:"_";position:relative;top:-3px}.control-button.maximize::after{content:"□"}.control-button.close{font-family:"Segoe UI",Tahoma,sans-serif}.control-button.close::after{content:"×"}.window-body{background-color:var(--xp-gray);padding:10px;font-size:12px;border:1px solid var(--xp-border);margin:1px;position:relative}.window-body input[type=password],.window-body input[type=text],.window-body textarea{border:1px solid #7a7a7a;padding:3px 4px;font-family:Tahoma,sans-serif;font-size:11px;background:#fff;border-radius:0}.window-body input[type=password]:focus,.window-body input[type=text]:focus,.window-body textarea:focus{border-color:#0054e3;outline:0}.xp-button{background:linear-gradient(to bottom,#fefefe,#e3e3e3);border:1px solid var(--xp-border);padding:3px 12px;font-family:Tahoma,sans-serif;font-size:11px;color:var(--xp-text);cursor:pointer;border-radius:3px;display:inline-flex;align-items:center;gap:4px}.xp-button:hover{background:linear-gradient(to bottom,#e3e3e3,#fefefe);border-color:#6b90c5}.xp-button:active{background:#e3e3e3;border-color:#6b90c5;box-shadow:inset 1px 1px 1px rgba(0,0,0,.1)}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(to bottom,#245edb 0,#245edb 50%,#0046c2 50%,#0046c2 100%);border-top:1px solid #385de7;display:flex;align-items:center;padding:0 2px;box-shadow:0 -1px 3px rgba(0,0,0,.2);z-index:9999}.start-button,.taskbar-item{margin:2px;font-size:11px;align-items:center;display:flex;cursor:pointer;user-select:none;color:#fff}.start-button{background:linear-gradient(to bottom,#3c8b27,#2e691e);border:1px solid #225315;padding:2px 8px 3px 4px;height:24px;gap:4px;font-weight:700;border-radius:2px}.start-button:hover{background:linear-gradient(to bottom,#4caf50,#388e3c)}.start-button:active{background:linear-gradient(to bottom,#2e691e,#3c8b27);box-shadow:inset 1px 1px 1px rgba(0,0,0,.2)}.start-button img,.taskbar-item img{width:16px;height:16px}.taskbar-items{flex-grow:1;display:flex;align-items:center;gap:2px;padding:0 4px;height:100%;overflow-x:auto;scrollbar-width:none}.taskbar-items::-webkit-scrollbar{display:none}.taskbar-item{background:linear-gradient(to bottom,#4b6eaf,#3a5795);padding:4px 8px;border:1px solid #243c69;border-radius:2px;height:22px;gap:4px;max-width:150px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-item.active{background:linear-gradient(to bottom,#9ba6c1,#0d1f49);border-color:#1e3c7e}.taskbar-item:hover{background:linear-gradient(to bottom,#5c7ec1,#4b6eaf)}.system-tray{display:flex;align-items:center;gap:2px;padding:0 4px;border-left:1px solid #0046c2;height:100%}.link-button,.post{border:1px solid var(--xp-border)}.system-tray-icon{width:16px;height:16px;cursor:pointer;background:#473e738a}.system-clock{color:#fff;font-size:12px;padding:0 8px;cursor:default;user-select:none}.post{border-radius:3px;padding:10px;margin-bottom:10px;background-color:#fff;box-shadow:inset 1px 1px 0 #fff}.post h2{font-size:13px;color:#039;font-weight:700}.post p{line-height:1.4}.link-button{display:inline-block;padding:3px 8px;background:linear-gradient(to bottom,#fefefe,#e3e3e3);color:var(--xp-link);text-decoration:none;border-radius:3px;font-size:11px;cursor:pointer}.link-button:hover{background:linear-gradient(to bottom,#e3e3e3,#fefefe);border-color:#6b90c5;text-decoration:underline}.read-time{color:#666;font-size:10px;font-style:italic}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--xp-gray);border:1px solid var(--xp-border)}::-webkit-scrollbar-thumb{background:#dfdfdf;border:1px solid var(--xp-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#cdcdcd}::-webkit-scrollbar-button{background:var(--xp-gray);border:1px solid var(--xp-border);width:16px;height:16px}.xp-menu{position:absolute;bottom:100%;left:0;background:#fff;border:1px solid #919b9c;box-shadow:2px 2px 5px rgba(0,0,0,.2);padding:2px;z-index:1000;min-width:200px}.menu-item{padding:3px 20px;font-size:11px;cursor:pointer}.menu-item:hover{background:var(--xp-blue);color:#fff}.menu-separator{height:1px;background:var(--xp-border);margin:3px 0}.xp-tooltip{position:absolute;background:#ffffe1;border:1px solid #000;padding:2px 4px;font-size:11px;box-shadow:1px 1px 3px rgba(0,0,0,.2);z-index:1001}.profile-pic{width:100%;max-width:150px;height:auto;border:2px solid #000;display:block;margin:.5em auto}ul{list-style:none;padding:0}ul li{margin:.5em 0}@media (max-width:768px){.window{width:95%}.taskbar{height:28px}.start-button{font-size:10px;padding:2px 6px}.taskbar-item{min-width:80px}}@media (max-width:480px){.window-body,body{padding:8px}.taskbar{height:26px}.taskbar-item{max-width:120px;min-width:60px;font-size:10px}.system-clock{font-size:10px;padding:0 4px}}@keyframes windowOpen{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}