:root{--xp-blue: #245edb;--xp-blue-dk: #0a246a;--xp-blue-lt: #3a6ee8;--xp-tan: #ece9d8;--xp-tan-dk: #aca899;--xp-grass: #5a9a35;--xp-grass-lt: #7eb444;--xp-sky: #5b8be8}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Trebuchet MS,Tahoma,"MS Sans Serif",sans-serif;font-size:13px;color:#000;min-height:100vh}body{background:linear-gradient(180deg,#4a8fe0,#6fb8e8 40%,#b6dff5 70%,#7eb444 70%,#5a9a35);background-attachment:fixed}.desktop{min-height:100vh;padding:18px 18px 50px;display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:start}.icons{display:flex;flex-direction:column;gap:14px;align-items:center}.icon{display:flex;flex-direction:column;align-items:center;gap:4px;width:80px;color:#fff;text-decoration:none;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-size:11px;padding:4px;border:1px dotted transparent}.icon:hover{border-color:#fff;background:#316ac566}.ico-img{width:32px;height:32px;background:#fff;border:1px solid #888;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:3px;box-shadow:inset -1px -1px #ccc}.ico-img[data-i=folder]:before{content:"📁"}.ico-img[data-i=mail]:before{content:"✉"}.ico-img[data-i=globe]:before{content:"🌐"}.ico-img[data-i=cd]:before{content:"💿"}.ico-img[data-i=bin]:before{content:"🗑"}.av-icon .ico-img.av-shield{background:#fff;padding:2px;animation:avpulse 2.4s ease-in-out infinite}.av-icon .ico-img.av-shield:before{content:""}@keyframes avpulse{0%,to{box-shadow:inset -1px -1px #ccc,0 0 #ffc80099}50%{box-shadow:inset -1px -1px #ccc,0 0 8px 2px #ffc800e6}}.av-icon span{line-height:1.1}.window{background:var(--xp-tan);border:1px solid #0831d9;border-radius:8px 8px 0 0;box-shadow:4px 4px 12px #0006;max-width:980px;margin:0 auto;overflow:hidden}.title-bar{background:linear-gradient(180deg,#0058e8,#1773ec 8%,#0058e8 40%,#0451d4 88% 100%);color:#fff;padding:4px 4px 4px 6px;display:flex;justify-content:space-between;align-items:center;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.4);border-radius:7px 7px 0 0}.title-bar-text{display:flex;align-items:center;gap:6px;font-size:12px}.tb-ico{display:inline-block;width:16px;height:16px;background:linear-gradient(135deg,#4cc6ff,#06c);border:1px solid #003a80;border-radius:2px}.title-bar-controls{display:flex;gap:2px}.title-bar-controls button{width:22px;height:20px;border:1px solid #003a80;background:linear-gradient(180deg,#4ea0fa,#0a51d0);color:#fff;font-weight:700;cursor:pointer;border-radius:3px;font-size:10px;line-height:1}.title-bar-controls button:last-child{background:linear-gradient(180deg,#f08a76,#c83020)}.title-bar-controls button:hover{filter:brightness(1.15)}.menu-bar{background:var(--xp-tan);padding:4px 8px;display:flex;gap:14px;border-bottom:1px solid #aca899;font-size:12px}.menu-bar span{padding:2px 6px;cursor:default}.menu-bar span:hover{background:#316ac5;color:#fff}.address-bar{background:var(--xp-tan);padding:4px 8px 6px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #aca899}.address-bar label{color:#555;font-size:11px}.address-input{flex:1;display:flex;align-items:center;background:#fff;border:1px solid #7f9db9;padding:2px 4px;gap:4px}.address-input input{flex:1;border:0;outline:0;font-family:Tahoma,sans-serif;font-size:12px;background:transparent}.address-input button{border:1px solid #aca899;background:linear-gradient(180deg,#fff,#ddd);padding:1px 8px;cursor:pointer;font-size:11px}.window-body{background:#fff;padding:14px 18px 18px}.hero{text-align:center;margin-bottom:14px}h1.rainbow{font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:32px;margin:6px 0 10px;background:linear-gradient(90deg,red,#f80,#fe0,#0c0,#08f,#60c,#f0c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.marquee{background:#000;color:#fe0;font-family:Courier New,monospace;padding:6px 0;border:2px ridge #ffaa00;font-size:13px}.layout{width:100%;border-collapse:collapse}.layout>tr>td{vertical-align:top;padding:0}.sidebar{width:200px;padding-right:14px!important}.content{padding-left:6px!important;border-left:1px dashed #999}.panel{border:2px outset #d4d0c8;background:#f5f4ea;margin-bottom:12px;padding:0}.panel-head{background:linear-gradient(180deg,#ffb74e,#ff7e26);color:#fff;padding:4px 8px;font-weight:700;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,.3);font-family:Comic Sans MS,cursive;font-size:12px}.navlist,.status{padding:8px 12px;margin:0}.navlist{list-style:none}.navlist li{padding:3px 0}.navlist a,.linklist a{color:#03c;text-decoration:underline}.navlist a:visited,.linklist a:visited{color:#60a}.navlist a:hover,.linklist a:hover{color:#f06;background:#ff6}.status p{margin:4px 0;font-size:12px}.pixel-frame{padding:8px;text-align:center}.caption{font-size:11px;color:#666;font-style:italic;margin:4px 0 0}.post{margin-bottom:6px}.post h2{font-family:Comic Sans MS,cursive;color:#c06;font-size:22px;margin:4px 0 8px}.post p{line-height:1.55;margin:6px 0}.hr-fancy{height:14px;margin:14px 0;background:repeating-linear-gradient(90deg,#f06 0 8px,#fc0 8px 16px,#0c6 16px 24px,#39f 24px 32px);border-radius:2px;opacity:.5}.linklist{list-style:none;padding:0}.linklist li{padding:4px 0}.winamp{background:linear-gradient(180deg,#5b6470,#2a313a);border:2px outset #888;padding:8px;max-width:380px;font-family:Courier New,monospace;border-radius:3px}.winamp-screen{background:#000;border:1px inset #444;padding:6px 8px;color:#0f6;margin-bottom:6px}.winamp-time{font-size:22px;font-weight:700;letter-spacing:1px}.winamp-track{overflow:hidden;white-space:nowrap;border-top:1px dashed #003a1a;margin-top:4px;padding-top:4px;font-size:11px}.ticker{display:inline-block;animation:ticker 14s linear infinite;padding-right:100%}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.winamp-bars{display:flex;gap:2px;margin-top:6px;align-items:flex-end;height:22px}.winamp-bars span{flex:1;background:linear-gradient(180deg,#f06,#fe0 50%,#0f6);animation:eq .8s ease-in-out infinite alternate}.winamp-bars span:nth-child(2n){animation-duration:.6s}.winamp-bars span:nth-child(3n){animation-duration:1s}.winamp-bars span:nth-child(4n){animation-duration:.5s}@keyframes eq{0%{height:10%}to{height:100%}}.winamp-controls{display:flex;gap:2px}.winamp-controls button{flex:1;background:linear-gradient(180deg,#c8c8c8,#888);border:1px outset #aaa;padding:2px 0;cursor:pointer;font-size:11px}.guestbook{margin:8px 0}.entry{background:#ffffe0;border:1px solid #d4c860;padding:6px 10px;margin-bottom:6px;font-size:12px;line-height:1.5}.gb-form{background:#f0f0f0;border:1px inset #ccc;padding:10px}.gb-form label{display:block;margin:6px 0;font-size:12px}.gb-form input,.gb-form textarea{width:100%;border:1px inset #aaa;padding:3px 5px;font-family:inherit;font-size:12px}.gb-form button{background:linear-gradient(180deg,#fff,#d4d0c8);border:2px outset #d4d0c8;padding:4px 14px;cursor:pointer;font-weight:700;margin-top:6px}.gb-form button:active{border-style:inset}.webring{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:linear-gradient(180deg,#ffe6f0,#ffcce0);border:2px ridge #ff66aa;padding:8px 12px}.webring button{background:linear-gradient(180deg,#fff,#ddd);border:2px outset #ccc;padding:3px 10px;cursor:pointer}.footer{margin-top:18px;text-align:center;border-top:2px dotted #aaa;padding-top:14px}.badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.badge{display:inline-block;padding:4px 8px;font-size:10px;font-family:Tahoma,sans-serif;border:1px solid;letter-spacing:.5px}.badge-ie{background:#039;color:#fff;border-color:#001a4d}.badge-html{background:#ffc;color:#000;border-color:#990}.badge-flash{background:red;color:#fe0;border-color:maroon;font-weight:700}.badge-netscape{background:#000;color:#0f6;border-color:#0a4}.counter{display:inline-flex;align-items:center;gap:6px;background:#000;padding:4px 8px;border:2px inset #444;margin-bottom:10px}.counter-label{color:#aaa;font-size:11px;font-family:Courier New,monospace}.counter-digits{display:inline-flex;gap:1px}.digit{background:#111;color:#0f6;padding:2px 5px;font-family:Courier New,monospace;font-weight:700;font-size:14px;border:1px solid #003a1a}.copy{color:#555;font-size:11px;margin-top:6px}.copy a{color:#03c}.status-bar{background:var(--xp-tan);border-top:1px solid #aca899;display:flex;font-size:11px}.status-cell{padding:3px 10px;border-right:1px solid #aca899}.status-cell:first-child{flex:1}.taskbar{position:fixed;bottom:0;left:0;right:0;height:32px;background:linear-gradient(180deg,#2461db,#235add 8%,#1f4ec9 88%,#1a3da3);display:flex;align-items:center;gap:6px;padding:0 4px;border-top:1px solid #0a246a;z-index:100}.start{display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#3da33d,#1f7a1f);color:#fff;border:1px solid #135f13;border-radius:0 12px 12px 0;padding:2px 14px 2px 8px;font-style:italic;font-size:14px;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.4)}.start-flag{width:16px;height:14px;background:linear-gradient(135deg,#ff3333 0 50%,transparent 50%) 0 0 / 50% 50% no-repeat,linear-gradient(135deg,#33cc33 0 50%,transparent 50%) 50% 0 / 50% 50% no-repeat,linear-gradient(135deg,#3366ff 0 50%,transparent 50%) 0 50% / 50% 50% no-repeat,linear-gradient(135deg,#ffcc00 0 50%,transparent 50%) 50% 50% / 50% 50% no-repeat;border-radius:2px}.task{background:linear-gradient(180deg,#3a76e0,#1f4ec9);color:#fff;padding:4px 10px;border:1px solid #0a246a;border-radius:2px;font-size:11px;display:flex;align-items:center;gap:6px;max-width:200px;overflow:hidden;white-space:nowrap}.task.active{background:linear-gradient(180deg,#1a3da3,#0a246a);box-shadow:inset 1px 1px 2px #00000080}.tray{margin-left:auto;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#1a4dbe,#1238a3);padding:0 10px;height:26px;color:#fff;font-size:11px;border-left:1px solid #0a246a;box-shadow:inset 1px 0 #5a8de8}@media (max-width: 760px){.desktop{grid-template-columns:1fr;padding:8px 8px 50px}.icons{flex-direction:row;flex-wrap:wrap;justify-content:center}.layout,.layout>tbody>tr,.layout>tr{display:block}.sidebar,.content{display:block;width:100%!important;padding:0!important;border:0!important}.sidebar{margin-top:12px}h1.rainbow{font-size:22px}.address-bar label{display:none}}