.wallpaper-layer{position:absolute;inset:0;background-size:cover;background-position:center}.desktop-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.2),transparent 45%),linear-gradient(180deg,#ffffff14,#0000001a);pointer-events:none}.desktop-icons{position:absolute;inset:14px auto calc(var(--taskbar-height) + 14px) 10px;width:108px;z-index:5;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:6px}.desktop-icon{width:100px;min-height:102px;border:1px solid transparent;border-radius:4px;background:transparent;display:grid;justify-items:center;align-content:center;gap:6px;color:#fff;cursor:default;transition:background-color .12s ease,border-color .12s ease}.desktop-icon:hover{background:#3172cd47;border-color:#98c7ffbf}.desktop-icon img{width:var(--icon-desktop-size);height:var(--icon-desktop-size);object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.75))}.desktop-icon span{text-align:center;font-size:.88rem;line-height:1.1;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.desktop-icon.is-selected{background:#3172cd6b;border-color:#b9d9fff2}.taskbar{position:absolute;left:0;right:0;bottom:0;height:var(--taskbar-height);z-index:1000;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:0 6px;border-top:1px solid rgba(255,255,255,.75);background:linear-gradient(180deg,#3f93f4,#2a7dde 14%,#1d67c4 48%,#1d5db7 52%,#215cb3);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #05235659}.taskbar-start{height:33px;min-width:114px;border-radius:999px;border:1px solid #0d6610;background:linear-gradient(180deg,#87d957,#4bb92f 45%,#2c8f1e 75%,#247017);display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;padding:0 16px 0 12px;cursor:pointer;color:#fff;font-size:.95rem;font-weight:700;font-style:italic;text-shadow:1px 1px 0 rgba(0,0,0,.45);box-shadow:inset 0 1px #ffffff8c,inset -1px -1px #0d4a0c73,0 1px 1px #0000004d}.taskbar-start:hover,.taskbar-start:focus-visible{filter:brightness(1.06)}.taskbar-start img{width:20px;height:20px}.taskbar-apps{min-width:0;display:flex;align-items:center;gap:3px;overflow-x:auto}.taskbar-app{height:30px;max-width:220px;border-radius:3px 3px 0 0;border:1px solid #2f6dbd;border-bottom-color:#295ba3;background:linear-gradient(180deg,#5aa2f2,#3b86dd 45%,#2d74cb);color:#fff;display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 8px;cursor:pointer;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #1c4c924d}.taskbar-app:hover{filter:brightness(1.06)}.taskbar-app img{width:var(--icon-taskbar-size);height:var(--icon-taskbar-size);object-fit:contain}.taskbar-app span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.taskbar-app.is-active{border-color:#a87320;border-bottom-color:#805616;background:linear-gradient(180deg,#f0c36a,#d99831 48%,#c07d19)}.taskbar-tray{height:100%;display:inline-flex;align-items:center;gap:4px;padding:0 8px 0 10px;border-left:1px solid rgba(125,208,247,.65);border-radius:0;background:linear-gradient(180deg,#54bcf5,#3da3e6 55%,#3693db);box-shadow:inset 1px 0 #ffffff47}.tray-button{width:24px;height:24px;border-radius:3px;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer}.tray-button:hover,.tray-button:focus-visible{border-color:#ffffff85;background:#ffffff29}.tray-button img,.tray-ping img{width:var(--icon-taskbar-size);height:var(--icon-taskbar-size);filter:brightness(0) invert(1)}.tray-volume-wrap{position:relative}.volume-popover{position:absolute;right:0;bottom:calc(100% + 8px);min-width:200px;border:1px solid #3f79b9;border-radius:6px;background:#f3f8ff;color:#143862;box-shadow:0 8px 20px #0000004d;display:grid;gap:8px;padding:10px}.volume-popover button{border:1px solid #4b82bd;background:linear-gradient(180deg,#fff,#dcecff);border-radius:4px;padding:4px 8px;color:#0f345d;cursor:pointer}.tray-ping{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:3px;padding:2px 4px;color:#fff;font-size:.78rem;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.tray-clock{min-width:50px;text-align:center;border:1px solid transparent;border-radius:3px;padding:3px 6px;color:#fff;font-size:.78rem;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.mobile-shell{min-height:100vh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 78% 18%,rgba(123,198,255,.18),transparent 30%),linear-gradient(180deg,#274f7f,#17304c 42%,#10263d);color:#eff6ff}.mobile-statusbar{min-height:28px;padding:calc(env(safe-area-inset-top,0px) + 4px) 12px 4px;display:flex;align-items:center;justify-content:space-between;font-size:.78rem;letter-spacing:.02em;color:#fffffff2;background:#09142273;backdrop-filter:blur(5px)}.mobile-home{flex:1;min-height:0;overflow:auto;padding:14px 14px calc(88px + env(safe-area-inset-bottom,0px))}.mobile-banner{border:1px solid rgba(198,223,255,.3);border-radius:18px;background:linear-gradient(180deg,#284d77eb,#142842eb);padding:14px 16px;margin-bottom:14px;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #0000002e}.mobile-banner h1{margin:0 0 8px;font-size:1.2rem}.mobile-banner p{margin:0;color:#e5f0ffd6}.mobile-projects h2{margin:0 0 12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#e8f3ffe0}.mobile-projects-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.mobile-project-card{border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;cursor:pointer}.mobile-project-card.is-folder img{width:62px;height:62px;padding:8px;border-radius:18px;background:linear-gradient(180deg,#f5faff42,#94c2f82e);border:1px solid rgba(211,231,255,.26)}.mobile-project-card img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.mobile-project-card strong{font-size:.78rem;line-height:1.15;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.45)}.mobile-project-card p{margin:0;display:none}.mobile-dock{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:14px;padding:10px 12px;border-radius:22px;background:#0b182780;backdrop-filter:blur(10px);border:1px solid rgba(207,226,255,.24)}.mobile-dock .mobile-project-card img{width:42px;height:42px}.mobile-app-panel{position:absolute;inset:calc(28px + env(safe-area-inset-top,0px)) 0 0;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#eef4fb,#dde9f7);color:#18324d}.mobile-app-topbar{min-height:52px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid rgba(20,57,96,.18);background:linear-gradient(180deg,#fdfefe,#dfeaf8)}.mobile-back{border:1px solid #7b9ab9;border-radius:999px;background:linear-gradient(180deg,#fff,#d7e6f7);color:#17334c;padding:6px 12px;font:inherit}.mobile-app-content{flex:1;min-height:0;overflow:auto;padding:12px 12px calc(22px + env(safe-area-inset-bottom,0px))}.mobile-screen{display:grid;gap:14px;align-content:start}.mobile-screen-card{border:1px solid #c9d8ea;border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 24px #11213614}.mobile-screen-card h3{margin:0 0 8px;font-size:1rem}.mobile-screen-card p{margin:0;color:#46607b}.mobile-profile-head{display:flex;align-items:center;gap:12px}.mobile-profile-avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,#2f7ad4,#194f9c);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.1rem}.mobile-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mobile-stat{border:1px solid #d8e3ef;border-radius:14px;padding:12px;background:#f8fbff}.mobile-stat strong{display:block;font-size:1rem;color:#17334c}.mobile-stat span{display:block;margin-top:4px;font-size:.78rem;color:#56708c}.mobile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-action-tile,.mobile-link-row{display:block;border:1px solid #8eabc7;border-radius:14px;padding:12px;background:linear-gradient(180deg,#fff,#e4eef8);color:#17334c;text-decoration:none}.mobile-action-tile strong,.mobile-link-row strong{display:block;margin-bottom:4px}.mobile-stack-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.mobile-stack-list li{border:1px solid #d8e3ef;border-radius:14px;padding:12px;background:#f8fbff}.mobile-stack-list strong{display:block;margin-bottom:4px}.mobile-audio-demo-list{display:grid;gap:10px;margin-top:12px}.mobile-audio-demo-btn{width:100%;border:1px solid #8eabc7;border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,#fff,#e4eef8);color:#17334c;text-align:left;font:inherit}.mobile-audio-demo-btn strong{display:block;margin-bottom:4px}.mobile-audio-demo-btn span{display:block;color:#56708c;font-size:.82rem}.mobile-audio-player{width:100%;margin-top:14px}.mobile-audio-status{margin-top:10px;font-size:.82rem;color:#56708c}.mobile-preview-grid{display:grid;gap:10px;margin-top:12px}.mobile-preview-shot{border:1px solid #cbd9e8;border-radius:16px;overflow:hidden;background:#f7fbff;box-shadow:0 8px 18px #11213614}.mobile-preview-shot img{display:block;width:100%;height:auto;background:#dfe8f2}.mobile-preview-caption{padding:10px 12px;color:#17334c;font-size:.82rem;font-weight:600;background:linear-gradient(180deg,#f7fbff,#e7eff8);border-top:1px solid rgba(188,205,221,.85)}.mobile-folder-sheet{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px))}.mobile-folder-backdrop{position:absolute;inset:0;background:#060e1a70;backdrop-filter:blur(8px)}.mobile-folder-card{position:relative;width:min(360px,calc(100vw - 36px));max-height:min(540px,calc(100dvh - 120px));border-radius:24px;border:1px solid rgba(207,226,255,.34);background:linear-gradient(180deg,#162a44f5,#0e1c2ef5);box-shadow:0 20px 40px #00000059;padding:14px;overflow:auto}.mobile-folder-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#f5fbff}.mobile-folder-close{border:1px solid rgba(211,231,255,.3);border-radius:999px;background:#ffffff14;color:#eff6ff;padding:6px 12px;font:inherit}.mobile-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.mobile-folder-grid .mobile-project-card p{display:none}.mobile-toast{position:fixed;left:14px;right:14px;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:50;border-radius:16px;padding:12px 14px;background:#0a1523eb;color:#eff6ff;box-shadow:0 14px 28px #0000003d}.mobile-fallback-card{border:1px solid #c9d8ea;border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 24px #11213614}.mobile-fallback-card h3{margin:0 0 8px;font-size:1.1rem}.mobile-fallback-card p{margin:0 0 12px;color:#46607b}.mobile-fallback-actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-fallback-actions a,.mobile-fallback-actions button{border:1px solid #8eabc7;border-radius:10px;padding:8px 12px;background:linear-gradient(180deg,#fff,#e4eef8);color:#17334c;text-decoration:none;font:inherit}.mobile-fallback-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}.mobile-fallback-list li{border:1px solid #d8e3ef;border-radius:12px;padding:12px;background:#f8fbff}@media(max-width:900px){.desktop-shell{display:none}.mobile-shell{display:block}}@media(max-width:520px){.mobile-projects-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-folder-grid,.mobile-action-grid,.mobile-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-folder-card{width:min(320px,calc(100vw - 28px))}.mobile-app-topbar{gap:8px;padding-inline:10px}.mobile-back{padding:6px 10px}}@media(min-width:901px){.mobile-shell{display:none!important}}