*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#fff;background:#07072a;overflow:hidden}.desktop{min-height:100vh;background:radial-gradient(circle at 55% 20%,#3224a5 0,#0a1a77 35%,#05091e 70%),linear-gradient(#06135a,#e62db5);position:relative}.desktop:after{content:"";position:absolute;inset:42% 0 54px;background:linear-gradient(transparent 0 95%,#ff48df 96%),linear-gradient(90deg,transparent 0 95%,#ff48df 96%);background-size:70px 32px;transform:perspective(450px) rotateX(58deg);transform-origin:top;opacity:.75;pointer-events:none}.desktop.dark{background:radial-gradient(circle at 50% 10%,#26304d,#070911 70%)}.desktop.sunset{background:radial-gradient(circle at 50% 18%,#ff7b40,#6e1d91 45%,#05091e 75%)}.topbar,.taskbar{position:absolute;left:0;right:0;height:42px;background:#101523dd;backdrop-filter:blur(10px);display:flex;align-items:center;z-index:9000;border-bottom:1px solid #ffffff22}.topbar{top:0}.taskbar{bottom:0;border-top:1px solid #ffffff33;border-bottom:0;gap:8px;padding:6px}.brand{font-weight:800;margin:0 28px 0 14px}.cube{color:#25e7ff;text-shadow:0 0 12px #ff2ddf}nav{display:flex;gap:30px}nav a{cursor:pointer;color:#fff;text-decoration:none}.clock{margin-left:auto;margin-right:16px}.icons{position:absolute;top:58px;left:14px;z-index:5;display:grid;gap:14px;max-height:calc(100vh - 115px);overflow:auto}.icons button{background:transparent;color:#fff;border:0;font-size:29px;width:86px;text-shadow:0 2px 4px #000;cursor:pointer;border-radius:8px;padding:5px}.icons button:hover{background:#ffffff22}.icons span{display:block;font-size:13px;margin-top:4px}.window{position:absolute;z-index:10;width:390px;background:#161923ef;border:2px solid #8585a4;box-shadow:0 10px 28px #0009;display:none;resize:both;overflow:auto;min-width:280px;min-height:170px}.window.show{display:block}.window.minimized{display:none}.window.maximized{left:8px!important;top:48px!important;right:auto!important;bottom:auto!important;width:calc(100vw - 16px)!important;height:calc(100vh - 98px)!important;resize:none}.main-window{width:680px;left:14%;top:8%}#about{right:9%;top:8%;width:430px}#music{right:7%;top:34%;width:430px}#games{left:9%;bottom:88px;width:470px}#terminal{left:41%;bottom:88px;width:390px}#paint{right:4%;bottom:88px;width:430px}#browser{left:20%;top:15%;width:650px}#calculator{left:33%;top:19%;width:310px}#notes{left:52%;top:14%;width:420px}#settings{left:25%;top:24%;width:390px}.titlebar{height:34px;background:linear-gradient(90deg,#5e23cd,#d331df);display:flex;align-items:center;justify-content:space-between;padding:0 8px;cursor:move;user-select:none}.win-controls button{height:24px;min-width:28px;background:#bec0d0;border:1px solid #333;margin-left:3px;cursor:pointer;color:#111}.win-controls button:hover{filter:brightness(1.15)}.pink{background:linear-gradient(90deg,#d522a7,#ff4e96)}.green{background:linear-gradient(90deg,#109f8d,#54d19f)}.blue{background:linear-gradient(90deg,#1626a6,#3447ff)}.window-body{padding:18px;position:relative;z-index:2}.hero{text-align:center;background:linear-gradient(#070b28cc,#190531dd)}.hero h1{font-size:58px;margin:20px 0 0;text-shadow:4px 4px #000}.hero h1 span{color:#22e9ff}.tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0}.tabs button,.primary,.about button,.appgrid button,.taskbar button,.start-menu button,.settings button,.controls button,.browser button,.calc-grid button{background:linear-gradient(#4e2dbd,#8c20b3);color:#fff;border:1px solid #ffffff44;border-radius:4px;padding:10px 15px;cursor:pointer}.cards,.appgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,.appgrid article{border:1px solid #7777d8;background:#131b4ddd;border-radius:6px;padding:18px;cursor:pointer}.cards article:hover,.appgrid article:hover{background:#21308add}.cards article{font-size:34px}.primary{margin-top:18px;min-width:210px}.about h2{margin-top:0}.player{display:flex;gap:18px}.album{width:130px;height:130px;background:linear-gradient(135deg,#24155d,#f533c1,#ffb03b);display:grid;place-items:end center;padding:12px;font-weight:900}.controls{font-size:20px;margin-top:14px}.appgrid{grid-template-columns:repeat(3,1fr);text-align:center}.terminal{font-family:Consolas,monospace;background:#001220;color:#6cff45;min-height:230px}.prompt span{display:inline-block;width:9px;height:18px;background:#dfffd9;animation:blink .8s infinite}.paint canvas{width:100%;background:linear-gradient(#071747,#0b0b33);border:8px solid #c8c0b8;cursor:crosshair}.palette{display:flex;gap:5px;margin-top:8px}.palette span{width:20px;height:20px;background:#f33;border:1px solid #fff}.palette span:nth-child(2){background:#3cf}.palette span:nth-child(3){background:#fc3}.palette span:nth-child(4){background:#3f6}.palette span:nth-child(5){background:#93f}.palette span:nth-child(6){background:#fff}.hint{font-size:12px;color:#ddd}.start{font-weight:800}.task-buttons{display:flex;gap:6px;overflow:auto}.task-buttons button.active{outline:2px solid #35eaff}.tray{margin-left:auto;padding-right:20px;white-space:nowrap}.start-menu{display:none;position:absolute;bottom:48px;left:8px;width:240px;background:#15182bf2;border:1px solid #7777b8;z-index:9500;padding:16px;box-shadow:0 0 30px #000}.start-menu.show{display:grid;gap:8px}.boot{position:fixed;inset:0;background:#050817;z-index:99999;display:grid;place-items:center}.boot.hide{display:none}.boot-card{text-align:center;background:#111831;border:1px solid #515bff;padding:34px;box-shadow:0 0 50px #742cff}.logo-mark{font-size:50px;color:#35eaff}.bar{height:12px;background:#000;border:1px solid #777;margin:20px 0}.bar span{display:block;height:100%;width:78%;background:linear-gradient(90deg,#16e6ff,#ff36d0)}#enterBtn{padding:12px 28px;background:#7e24e4;color:white;border:1px solid #fff}.browser .address{display:flex;gap:6px;margin-bottom:12px}.browser input{flex:1;background:#080b19;color:#fff;border:1px solid #666;padding:9px}.webpage{min-height:220px;border:1px solid #555;background:linear-gradient(135deg,#0d1550,#251233);padding:25px}.calc input{width:100%;font-size:28px;padding:10px;background:#050817;color:#6cff45;border:1px solid #666;text-align:right}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.notes{width:100%;min-height:220px;background:#fff8c9;color:#111;font:18px Consolas,monospace;padding:14px}.settings button{margin:5px}@keyframes blink{50%{opacity:0}}@media(max-width:900px){.main-window,#about,#music,#games,#terminal,#paint,#browser,#calculator,#notes,#settings{left:96px!important;right:auto!important;top:70px!important;bottom:auto!important;width:calc(100vw - 112px)!important;height:auto}.window.show:not(.main-window){display:none}nav{display:none}.hero h1{font-size:42px}.cards,.appgrid{grid-template-columns:1fr 1fr}.icons{gap:8px}.icons button{width:78px;font-size:24px}}
.win-controls{display:flex;align-items:center;position:relative;z-index:5}.win-controls button{pointer-events:auto}.dragging{user-select:none}

/* Random desktop icons */
.icons{inset:42px 0 54px 0;max-height:none;overflow:hidden;display:block;pointer-events:none}
.icons button{position:absolute;pointer-events:auto;transition:transform .15s ease, background .15s ease;animation:iconPop .25s ease both}
.icons button:hover{transform:scale(1.08)}
@keyframes iconPop{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}

/* Interactive terminal */
.terminal{padding:0;display:flex;flex-direction:column;min-height:300px;max-height:440px;background:#050505;color:#d7d7d7;font-family:Consolas,'Courier New',monospace}
.terminal-output{padding:12px;overflow:auto;flex:1;line-height:1.35;color:#d7d7d7}
.terminal-output p{margin:0 0 5px}.terminal-output pre{margin:6px 0 12px;color:#d7d7d7;white-space:pre-wrap}
.terminal-line{display:flex;align-items:center;gap:6px;padding:0 12px 12px;color:#d7d7d7}.terminal-line span{white-space:nowrap}.terminal-line input{flex:1;background:transparent;border:0;outline:0;color:#fff;font:inherit;caret-color:#fff;min-width:40px}.terminal b{color:#fff}

/* Draggable desktop icons */
.icons button{user-select:none;touch-action:none}
.icons button.selected{background:#ffffff2e;outline:1px dotted #fff}
.icons button.moving{opacity:.78;transform:scale(1.04);z-index:20}
body.dragging, body.dragging *{cursor:grabbing!important;user-select:none!important}

/* Interactive terminal */
.terminal{padding:12px;font-family:Consolas,"Courier New",monospace;background:#050505;color:#d7d7d7;min-height:260px;display:flex;flex-direction:column;gap:8px}
.terminal-output{flex:1;overflow:auto;max-height:310px;line-height:1.35}
.terminal-output p{margin:3px 0}.terminal-output pre{white-space:pre-wrap;margin:5px 0;color:#d7d7d7}
.terminal-form{display:flex;align-items:center;gap:2px;margin-top:5px}
.terminal-form label{white-space:nowrap;color:#d7d7d7}.terminal-form input{flex:1;background:transparent;border:0;outline:0;color:#d7d7d7;font:inherit;min-width:60px}