body {
      overscroll-behavior: none;
      -webkit-overflow-scrolling: touch;
      background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #0a0a0a 100%);
      background-attachment: fixed;
    }
    * {
      -webkit-tap-highlight-color: transparent;
    }

    /* Glassmorphism Styles */
    .glass-btn-primary {
      background: rgba(59, 130, 246, 0.2);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(59, 130, 246, 0.3);
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
      transition: all 0.2s ease;
    }
    .glass-btn-primary:active {
      transform: scale(0.97);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    }

    .glass-btn-secondary {
      background: rgba(31, 41, 55, 0.4);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(75, 85, 99, 0.3);
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
      transition: all 0.2s ease;
    }
    .glass-btn-secondary:active {
      transform: scale(0.97);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    }

    .glass-btn-success {
      background: rgba(34, 197, 94, 0.2);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(34, 197, 94, 0.3);
      box-shadow: 0 8px 32px rgba(34, 197, 94, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
      transition: all 0.2s ease;
    }
    .glass-btn-success:active {
      transform: scale(0.97);
      box-shadow: 0 4px 16px rgba(34, 197, 94, 0.2);
    }

    .glass-btn-ai {
      background: rgba(168, 85, 247, 0.2);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(168, 85, 247, 0.3);
      box-shadow: 0 8px 32px rgba(168, 85, 247, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
      transition: all 0.2s ease;
    }
    .glass-btn-ai:active {
      transform: scale(0.97);
      box-shadow: 0 4px 16px rgba(168, 85, 247, 0.2);
    }

    .glass-card {
      background: rgba(17, 24, 39, 0.4);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(75, 85, 99, 0.3);
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    }

    .glass-set-btn {
      background: rgba(31, 41, 55, 0.6);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(75, 85, 99, 0.3);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
      transition: all 0.15s ease;
    }
    .glass-set-btn:active {
      transform: scale(0.98);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }

    .glass-set-btn-completed {
      background: rgba(34, 197, 94, 0.3);
      border: 1px solid rgba(34, 197, 94, 0.4);
    }

    .glass-badge {
      background: rgba(59, 130, 246, 0.3);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(59, 130, 246, 0.4);
      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
      min-width: 32px;
      min-height: 32px;
    }

    .glass-input {
      background: rgba(31, 41, 55, 0.6);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(75, 85, 99, 0.3);
      transition: all 0.2s ease;
    }
    .glass-input:focus {
      background: rgba(31, 41, 55, 0.8);
      border-color: rgba(59, 130, 246, 0.5);
      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

    .glass-icon-btn {
      background: rgba(31, 41, 55, 0.4);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(75, 85, 99, 0.2);
      transition: all 0.15s ease;
      min-width: 44px;
      min-height: 44px;
    }
    .glass-icon-btn:active {
      transform: scale(0.95);
      background: rgba(59, 130, 246, 0.3);
    }

    .glass-check-btn {
      background: rgba(75, 85, 99, 0.4);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(75, 85, 99, 0.3);
      transition: all 0.15s ease;
      min-width: 44px;
      min-height: 44px;
    }
    .glass-check-btn:active {
      transform: scale(0.95);
    }
    .glass-check-btn-completed {
      background: rgba(34, 197, 94, 0.4);
      border: 1px solid rgba(34, 197, 94, 0.5);
      box-shadow: 0 0 20px rgba(34, 197, 94, 0.3);
    }

    .glass-gradient-overlay {
      background: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    .animate-spin {
      animation: spin 1s linear infinite;
    }

    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    .animate-pulse {
      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }