:root{--accent-color: #3b82f6;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-gradient: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);--danger-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--glass-light: rgba(255, 255, 255, .1);--glass-dark: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .2);--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px}html,body,#root{height:100%;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow:hidden}.glass{background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.glass-dark{background:#0006;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.glass-strong{background:#0009;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0006}.shadow-premium{box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a}.shadow-float{box-shadow:0 10px 40px #0003,0 2px 8px #0000001a}.shadow-glow{box-shadow:0 0 20px #667eea66,0 0 40px #667eea33}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-slideInUp{animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1)}.animate-slideInDown{animation:slideInDown .3s ease-out}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.animate-scaleOut{animation:scaleOut .2s ease-in forwards}.animate-bounce{animation:bounce .6s ease-in-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.btn-modern{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--accent-gradient);border:none;border-radius:8px;padding:10px 20px;color:#fff;font-weight:600;cursor:pointer}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.btn-modern:active{transform:translateY(0)}.btn-modern:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.btn-modern:active:after{width:300px;height:300px;transition:width 0s,height 0s}.dock-container{position:fixed;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:#0009;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #00000080;z-index:9999}.dock-icon-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.dock-icon{width:54px;height:54px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.dock-icon:hover{transform:scale(1.4) translateY(-10px);box-shadow:0 10px 30px #0006}.dock-icon:active{animation:bounce .6s ease-in-out}.dock-indicator{width:4px;height:4px;border-radius:50%;background:#fffc}.desktop-icon-hover{position:relative;transition:all .2s ease}.desktop-icon-hover:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:#ffffff1a;border-radius:12px;opacity:0;transition:opacity .2s ease}.desktop-icon-hover:hover:before{opacity:1}.desktop-icon-hover:hover{transform:translateY(-2px)}.window-modern{background:#0006;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a;overflow:hidden}.window-title-bar{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.taskbar-modern{background:#000000b3;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 30px #0000004d}.taskbar-icon{position:relative;transition:all .2s ease}.taskbar-icon:hover{transform:translateY(-3px)}.taskbar-icon.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--accent-gradient);border-radius:2px}@media(max-width:768px){button,a,[role=button]{min-height:44px;min-width:44px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.dock-container{display:none}.desktop-icons-mobile{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:16px;padding:16px}}.bg-gradient-modern{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-success{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.bg-gradient-danger{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-gradient-warning{background:linear-gradient(135deg,#fa709a,#fee140)}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 20px #667eea99}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#667eea66;color:#fff}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 2s infinite}