.desktop-app{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.desktop-window-outer{background:hsl(var(--card));border:none;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}.dark .desktop-window-outer{box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff14}.desktop-title-bar{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));min-height:40px;padding-left:1rem}.dark .desktop-title-bar{background:hsl(var(--muted));border-bottom-color:hsl(var(--border))}.desktop-title-btn{width:36px;min-width:36px;height:32px;min-height:32px;color:hsl(var(--muted-foreground));cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;transition:background .15s,color .15s;display:inline-flex}.desktop-title-btn:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.desktop-title-btn-close:hover{background:hsl(var(--destructive)/.15);color:hsl(var(--destructive))}.desktop-title-btn:active{transform:scale(.97)}.desktop-window-client{background:hsl(var(--card));color:hsl(var(--card-foreground));border-top:none}.desktop-window-client h1,.desktop-window-client h2,.desktop-window-client h3{color:hsl(var(--card-foreground));font-weight:600}.desktop-window-client p,.desktop-window-client li{color:hsl(var(--muted-foreground))}.desktop-window-client a{color:hsl(var(--primary));font-weight:500;text-decoration:none}.desktop-window-client a:hover{text-decoration:underline}.desktop-window-scroll::-webkit-scrollbar{width:8px;height:8px}.desktop-window-scroll::-webkit-scrollbar-track{background:0 0}.desktop-window-scroll::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:4px}.desktop-window-scroll::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.4)}.desktop-window-scroll::-webkit-scrollbar-corner{background:0 0}.desktop-nav-icon{border:none;border-radius:.75rem;transition:transform .2s,box-shadow .2s}.desktop-nav-icon:hover{background:0 0}.desktop-nav-icon:hover .desktop-nav-icon-box{background:hsl(var(--card));transform:translateY(-2px);box-shadow:0 4px 14px -2px #00000014}.desktop-nav-icon:focus-visible,.desktop-nav-icon.selected{outline:2px solid hsl(var(--ring));outline-offset:2px}.desktop-nav-icon:focus-visible .desktop-nav-icon-box,.desktop-nav-icon.selected .desktop-nav-icon-box{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.desktop-nav-icon-box{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:0 1px 3px #0000000d}.dark .desktop-nav-icon-box{box-shadow:0 1px 3px #0003}.desktop-nav-icon-open .desktop-nav-icon-box{border-color:hsl(var(--primary)/.5);box-shadow:0 0 0 2px hsl(var(--primary)/.1)}.desktop-taskbar{border-top:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 -4px 20px -4px #00000014}.dark .desktop-taskbar{box-shadow:0 -4px 20px -4px #0000004d}.desktop-taskbar-btn{border:1px solid hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:pointer;border-radius:.5rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}.desktop-taskbar-btn:hover{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.desktop-taskbar-btn:active{transform:scale(.98)}.desktop-taskbar-btn-active{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.desktop-hero-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:1rem;box-shadow:0 4px 24px -4px #0000001a}.dark .desktop-hero-card{box-shadow:0 4px 24px -4px #0000004d}@keyframes windowEnter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes windowClose{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(8px)}}@keyframes windowMinimize{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.2)translateY(80px)}}@keyframes windowRestore{0%{opacity:0;transform:scale(.2)translateY(80px)}to{opacity:1;transform:scale(1)translateY(0)}}.desktop-window-inner{flex-direction:column;width:100%;height:100%;display:flex}.desktop-window-inner.animate-enter{animation:.25s cubic-bezier(.16,1,.3,1) forwards windowEnter}.desktop-window-inner.animate-close{pointer-events:none;animation:.2s ease-in forwards windowClose}.desktop-window-inner.animate-minimize{transform-origin:bottom;pointer-events:none;animation:.25s ease-in forwards windowMinimize}.desktop-window-inner.animate-restore{transform-origin:bottom;animation:.22s cubic-bezier(.16,1,.3,1) forwards windowRestore}@media (max-width:639px){.desktop-title-bar{min-height:44px;padding-left:.75rem}.desktop-title-btn{width:44px;min-width:44px;height:40px;min-height:40px}.desktop-window-client{padding:1rem}}
