*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#16161f;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#55556a;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-cyan:#06b6d4;--border:#2a2a3a;--border-hover:#3a3a4a;--shadow:0 4px 24px rgba(0,0,0,.3);--unit-1:#3b82f6;--unit-2:#8b5cf6;--unit-3:#ec4899;--unit-4:#10b981;--unit-5:#f59e0b;--unit-6:#06b6d4}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(ellipse at 20% 0,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.06) 0,transparent 50%);background-attachment:fixed}#root,body{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient-text{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 25%,var(--accent-pink) 50%,var(--accent-purple) 75%,var(--accent-blue) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientMove 3s ease infinite}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.mono{font-family:JetBrains Mono,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border-hover)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;font-family:JetBrains Mono,monospace}.tag-blue{background:rgba(59,130,246,.15);color:var(--accent-blue)}.tag-purple{background:rgba(139,92,246,.15);color:var(--accent-purple)}.tag-pink{background:rgba(236,72,153,.15);color:var(--accent-pink)}.tag-green{background:rgba(16,185,129,.15);color:var(--accent-green)}.tag-orange{background:rgba(245,158,11,.15);color:var(--accent-orange)}.tag-red{background:rgba(239,68,68,.15);color:var(--accent-red)}@media (max-width:768px){body{font-size:14px}button{min-height:44px;min-width:44px}.card{border-radius:10px}.mobile-day-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-day-tabs::-webkit-scrollbar{display:none}.mobile-day-tab{flex:1 1;min-width:60px;padding:12px 8px;border-radius:10px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;font-weight:600;text-align:center;cursor:pointer;transition:all .15s ease}.mobile-day-tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.mobile-day-tab.excluded{background:rgba(239,68,68,.15);color:var(--accent-red);border-color:var(--accent-red)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);padding:8px 16px max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:100}.mobile-stats{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px}.modal-mobile-fullscreen{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding:16px!important}}@media (max-width:480px){.mobile-day-tab{padding:10px 6px;font-size:12px}}