@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#0d0d0d;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.device-frame{background-color:#000;border-radius:40px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 0 0 10px #1a1a1a,0 0 20px #00000080}.wallpaper{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.os-content{z-index:2;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.status-bar{z-index:10;color:#fff;text-shadow:0 1px 3px #00000080;justify-content:space-between;padding:15px 25px;font-size:14px;font-weight:600;display:flex}.home-screen{flex-direction:column;flex:1;padding:20px;display:flex}.app-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px 10px;display:grid}.app-icon-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:5px;transition:transform .2s;display:flex}.app-icon-wrapper:active{transform:scale(.9)}.app-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex;box-shadow:0 4px 6px #0000001a}.app-icon.calculator{color:#333;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99% 100%)}.app-icon.gallery{background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%)}.app-icon.settings{color:#333;background:linear-gradient(135deg,#8e9eab 0%,#eef2f3 100%)}.app-icon.game1{background:linear-gradient(135deg,#f2709c 0%,#ff9472 100%)}.app-icon.game2{color:#333;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.app-name{text-shadow:0 1px 2px #000c;font-size:11px;font-weight:500}.app-container{z-index:100;opacity:0;transform-origin:50%;pointer-events:none;background:#000;flex-direction:column;width:100%;height:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:absolute;top:0;left:0;transform:scale(0)}.app-container.open{opacity:1;pointer-events:auto;transform:scale(1)}.home-bar{z-index:200;cursor:pointer;opacity:.8;background:#fff;border-radius:10px;width:120px;height:5px;transition:opacity .2s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.home-bar:hover{opacity:1}.control-center{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:150;background:#0006;flex-direction:column;width:100%;height:100%;padding:50px 20px 20px;transition:top .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:-100%;left:0}.control-center.open{top:0}.cc-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:75px;gap:15px;display:grid}.cc-module{background:#ffffff26;border-radius:25px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.cc-square{grid-area:span 2/span 2;padding:10px}.cc-group{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;display:grid}.cc-icon-btn{color:#fff;cursor:pointer;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex}.cc-icon-btn.active{background:#0a84ff}.cc-flex-col{flex-direction:column;justify-content:space-evenly}.cc-row{align-items:center;gap:10px;display:flex}.cc-bg-dark{background:#0006;width:40px;height:40px}.cc-slider-wrapper{border-radius:20px;flex-direction:column;grid-area:span 2/span 1;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.cc-slider-fill{background:#ffffffe6;border-radius:0 0 20px 20px;width:100%}.cc-slider-icon{color:#333;z-index:2;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.cc-small{cursor:pointer;background:#ffffff26;border-radius:20px;grid-area:span 1/span 1;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}