:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#fff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;overflow:hidden;background:#0c3046 url(wallpaper.svg) center/cover}body[data-wall=night]{background:radial-gradient(ellipse at 20% 10%,#573977,transparent 60%),linear-gradient(135deg,#090d22,#19354a)}body[data-wall=sand]{background:radial-gradient(ellipse at 70% 20%,#efcaa0,transparent 60%),linear-gradient(135deg,#593e46,#b18065)}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a8e4ff;outline-offset:3px}header{height:56px;display:flex;align-items:center;gap:26px;padding:0 max(24px,env(safe-area-inset-left));background:#071b283d;backdrop-filter:blur(20px);font-size:12px}header b{font-size:17px}header span{opacity:.65}time{margin-left:auto;font-variant-numeric:tabular-nums}#desktop{position:absolute;inset:56px 0 76px}.welcome{position:absolute;left:140px;top:12%;pointer-events:none}.welcome small{font-size:10px;letter-spacing:3px;opacity:.7}.welcome h1{font-weight:450;font-size:clamp(36px,5vw,64px);letter-spacing:-2px;margin:14px 0}.welcome p{font-size:14px;opacity:.65}#icons{padding:20px;display:flex;flex-direction:column;gap:12px;width:110px}.app-icon{background:transparent;display:flex;align-items:center;flex-direction:column;gap:9px;width:86px;padding:10px 4px;border-radius:12px;font-size:12px;text-shadow:0 1px 5px #000}.app-icon:hover{background:#ffffff20}.tile{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:27px;font-weight:600;background:var(--tile,#346681);box-shadow:0 6px 18px #0002;text-shadow:none}.window{position:absolute;left:calc(50% - 300px);top:8%;width:600px;height:440px;max-width:calc(100% - 24px);max-height:95%;background:#122638f2;border:1px solid #ffffff30;border-radius:16px;box-shadow:0 22px 80px #0005;overflow:hidden;display:flex;flex-direction:column;resize:both;min-width:300px;min-height:220px;backdrop-filter:blur(30px)}.window.max{inset:0!important;width:100%!important;height:100%!important;max-width:none;max-height:none;border-radius:0;resize:none}.titlebar{display:flex;align-items:center;padding:8px 10px 8px 18px;gap:8px;background:#ffffff08;touch-action:none;user-select:none;cursor:move}.titlebar b{font-size:13px;margin-right:auto}.titlebar button{border-radius:7px;background:transparent;width:36px;height:34px;font-size:17px}.titlebar button:hover{background:#ffffff20}.content{padding:26px;overflow:auto;flex:1}.content h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:0 0 8px}.content p{font-size:13px;line-height:1.7;color:#bdcbd5}.store-item{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #ffffff12}.store-item .tile{flex-shrink:0}.store-item div:nth-child(2){flex:1}.store-item h3{margin:0;font-size:14px}.store-item p{margin:5px 0;font-size:12px}.action{background:#bceaff;color:#123045;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:650}.secondary{background:#ffffff12;color:#ddd}.swatches{display:flex;gap:12px;margin:24px 0}.swatches button{border-radius:12px;width:110px;height:80px;border:2px solid #ffffff30;background:#2c647b}.swatches [data-wall=night]{background:linear-gradient(135deg,#573977,#10182e)}.swatches [data-wall=sand]{background:linear-gradient(135deg,#edbd8f,#8b6264)}footer{position:absolute;bottom:0;left:0;right:0;min-height:64px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;background:#0c2038b8;backdrop-filter:blur(24px);border-top:1px solid #ffffff20}footer button{background:#ffffff10;border-radius:10px;padding:10px 14px;white-space:nowrap}footer button:hover{background:#ffffff25}footer #start{background:#c1edff;color:#123045}#tasks{display:flex;gap:6px;overflow:auto}#connection{margin-left:auto;align-self:center;white-space:nowrap;font-size:11px;color:#c7dce9}#startMenu{position:absolute;z-index:99999;bottom:80px;left:16px;width:340px;max-width:calc(100vw - 32px);padding:22px;background:#142b40f5;border:1px solid #ffffff30;border-radius:20px;box-shadow:0 15px 50px #0004;backdrop-filter:blur(25px)}#startMenu h2{font-size:20px;margin:0 0 18px}#search{width:100%;padding:12px;border:1px solid #ffffff25;border-radius:10px;background:#07152170;color:white}#menuApps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;max-height:40vh;overflow:auto}#startMenu p{font-size:10px;opacity:.6}#toast{position:fixed;bottom:90px;right:20px;z-index:100000;background:#112c42;border-radius:12px;padding:14px;font-size:13px;max-width:320px;box-shadow:0 10px 40px #0004}#toast:empty{display:none}[hidden]{display:none!important}.searchbox{display:flex;gap:8px;margin-top:24px}.searchbox input{min-width:0;flex:1;border:1px solid #ffffff30;border-radius:10px;background:#ffffff10;padding:12px;color:white}.web-link{display:inline-block;text-decoration:none;margin-top:12px} @media(max-width:600px){header{padding:0 16px}header span{display:none}.welcome{left:24px;top:24px}.welcome small{font-size:8px}.welcome h1{font-size:38px}.welcome p{font-size:12px}#icons{position:absolute;top:170px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:12px;gap:6px}.app-icon{width:100%}.window{left:8px!important;top:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;max-width:none;resize:none}.content{padding:20px}.store-item{gap:10px}.store-item .tile{width:40px;height:40px}.store-item .action{padding:10px;font-size:11px}footer{gap:5px;padding-left:8px;padding-right:8px}footer button{padding:12px}footer button span{display:none}#connection{display:none}#tasks button{font-size:11px;padding:9px}.searchbox{flex-wrap:wrap}}