body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#2c0735,#ffb6c1);color:#ffe6f0;}
.center{display:flex;justify-content:center;align-items:center;height:100vh;}
.os{overflow:hidden;}
.desktop{height:100vh;position:relative;}
.topbar{display:flex;justify-content:space-between;padding:12px 20px;font-size:14px;opacity:0.9;align-items:center;}
.heart{width:24px;height:24px;background:red;clip-path:polygon(50% 0%,61% 8%,70% 25%,50% 50%,30% 25%,39% 8%);animation:heartbeat 1s infinite;}
@keyframes heartbeat{0%,100%{transform:scale(1);}50%{transform:scale(1.3);}}
.icons{display:flex;flex-wrap:wrap;gap:20px;padding:40px;}
.icon{width:70px;text-align:center;cursor:grab;font-size:28px;color:#ffe6f0;transition:transform 0.2s,box-shadow 0.2s;position:relative;}
.icon:active{cursor:grabbing;transform:scale(1.2);box-shadow:0 0 20px rgba(255,182,193,0.7);}
.icon span{display:block;font-size:14px;margin-top:5px;}
.window{display:none;position:absolute;top:20%;left:30%;width:350px;background:rgba(20,10,40,0.95);border:1px solid #ffb6c1;box-shadow:0 0 30px rgba(255,182,193,0.5);border-radius:10px;animation:fadeIn 0.5s ease forwards;}
@keyframes fadeIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}
.titlebar{background:rgba(255,182,193,0.2);padding:8px;display:flex;justify-content:space-between;border-bottom:1px solid #ffb6c1;border-top-left-radius:10px;border-top-right-radius:10px;cursor:grab;}
.titlebar button{background:none;border:none;color:#fff;cursor:pointer;}
.content{padding:15px;}
button{background:transparent;border:1px solid #555;color:#fff;padding:8px 16px;cursor:pointer;}
.typewriter p{display:inline-block;overflow:hidden;border-right:.1em solid #ffe6f0;white-space:nowrap;animation:typing 3s steps(50,end),blink .75s step-end infinite;}
@keyframes typing{from{width:0}to{width:100%}}
@keyframes blink{50%{border-color:transparent}}
@media(max-width:600px){.desktop{display:block;padding:20px;}.icons{flex-direction:row;justify-content:space-around;}.window{width:90%;left:5%;top:10%;}}