*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;background:#0b1020;color:#eef2ff;overflow:hidden}button{border:0;color:inherit;background:#ffffff14;padding:9px 12px;border-radius:8px;cursor:pointer}button:hover{background:#ffffff25}.hidden{display:none!important}#boot{height:100%;display:grid;place-content:center;gap:12px;text-align:center;background:#080b14}.boot-logo{font-size:52px;font-weight:900}.topbar{height:46px;background:#111827ef;display:flex;align-items:center;gap:18px;padding:0 12px;position:relative;z-index:100}.brand{font-weight:800}.top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.desktop{position:absolute;inset:46px 0 44px;background:radial-gradient(circle at 20% 20%,#24355b,#101827 50%,#080d16)}.window{position:absolute;min-width:280px;min-height:180px;background:#151b2b;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #0009}.window.active{box-shadow:0 22px 70px #000b}.window.minimized{display:none}.window.maximized{inset:8px!important;width:auto!important;height:auto!important}.titlebar{height:38px;background:#20283b;display:flex;align-items:center;justify-content:space-between;padding-left:12px;font-size:14px}.titlebar div{display:flex}.titlebar button{border-radius:0;height:38px;width:42px;padding:0}.window-body{height:calc(100% - 38px);overflow:hidden}.app-frame{height:100%;display:flex;flex-direction:column;background:#fff}.framebar{height:30px;background:#eef2f7;color:#475569;padding:6px 10px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-frame iframe{flex:1;border:0;background:#fff}.fallback{position:absolute;right:8px;top:4px;background:#334155;font-size:11px}.internal{height:100%;overflow:auto;padding:24px;background:#f7f8fc;color:#172033}.store-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;background:white;border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin:10px 0}.store-card h3,.store-card p{margin:0 0 4px}.store-card p{color:#64748b;font-size:13px}.app-icon{font-size:34px}.fake-files{display:grid;gap:10px}.fake-files div{background:white;border:1px solid #ddd;padding:14px;border-radius:10px}.taskbar{position:absolute;bottom:0;left:0;right:0;height:44px;background:#111827ef;display:flex;align-items:center;gap:6px;padding:4px 8px;z-index:100}.taskbar #tasks{display:flex;gap:5px}.taskbar .tray{margin-left:auto}.mobile{position:absolute;inset:46px 0 0;background:#0b1020;overflow:hidden}.mobile-status{height:28px;padding:5px 18px;font-size:12px;display:flex;justify-content:space-between}.mobile-grid{padding:24px 18px 90px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px 12px}.mobile-app{background:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0}.mobile-app span{width:54px;height:54px;display:grid;place-items:center;background:#ffffff16;border-radius:15px;font-size:28px}.mobile-app small{font-size:11px}.mobile-dock{position:absolute;bottom:16px;left:12px;right:12px;height:66px;background:#ffffff12;backdrop-filter:blur(20px);border-radius:22px;display:flex;justify-content:space-around;align-items:center}.mobile-dock button{font-size:28px;background:none}.mobile-appview{position:absolute;inset:0;background:#f7f8fc;color:#111827}.mobile-appview>header{height:52px;background:white;display:flex;align-items:center;gap:14px;padding:0 10px;border-bottom:1px solid #ddd}.mobile-appview #mobileContent{height:calc(100% - 52px)}.mobile-appview .app-frame{height:100%}@media(max-width:700px){.topbar{height:42px}.top-actions #storeTop{display:none}.desktop{inset:42px 0 0}.taskbar{display:none}.window{left:5px!important;top:5px!important;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important}}