@tailwind base;@tailwind components;@tailwind utilities;:root{--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px}@layer utilities{.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9696964d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#96969680}}.desktop-grid{display:grid;grid-template-columns:repeat(auto-fill,80px);grid-template-rows:repeat(auto-fill,80px);gap:20px;padding:20px;align-content:start;justify-content:start;grid-auto-flow:column}.mac-dock-wrap{position:fixed;right:var(--space-md);top:50%;transform:translateY(-50%);z-index:1001}.mac-dock{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:18px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 1px #0000001a,0 10px 40px #0006;transform:none!important}.mac-dock-item{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;z-index:1}.mac-dock-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;transform-origin:right center}@media(max-width:1024px){.desktop-grid{grid-template-columns:repeat(auto-fill,70px);grid-template-rows:repeat(auto-fill,70px);gap:16px;padding:16px}.mac-dock-item{width:36px;height:36px}.mac-dock-icon{width:32px;height:32px;border-radius:10px}.mac-dock{gap:2px;padding:4px 3px;border-radius:14px}}@media(max-width:767px){.desktop-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:32px 16px;padding:32px 24px;grid-auto-flow:row}.mac-dock-wrap{right:50%;top:auto;bottom:var(--space-md);transform:translate(50%)}.mac-dock{flex-direction:row;padding:6px 8px;gap:4px}.mac-dock-item{width:44px;height:44px}.mac-dock-icon{width:40px;height:40px;transform-origin:bottom center}.dock-tooltip{display:none!important}.dock-indicator{right:50%;top:auto;bottom:-3px;transform:translate(50%)}.os-window-container{top:30px!important;left:0!important;width:100vw!important;height:calc(100vh - 30px)!important;border-radius:0!important;transform:none!important}}.mac-dock-icon img,.mac-dock-icon svg,.mac-dock-icon>div{width:100%;height:100%;object-fit:contain;border-radius:10px}.dock-tooltip{position:absolute;right:calc(100% + 15px);top:50%;transform:translateY(-50%) translate(10px);background:#0f0f0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.23,1,.32,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 20px #0006}.mac-dock-item:hover{z-index:2}.mac-dock-item:hover .dock-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.dock-indicator{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff9}
